HTML <input> 标签

<input> 标签用于创建一个可交互的控件,允许用户输入数据。<input> 标签是一个空标签,没有闭合标签。

属性

<input> 标签有多个属性,下面列出一些常用的属性:

  • type:指定输入框的类型,常见的类型包括文本框、密码框、复选框、单选框、按钮等。
  • name:指定输入框的名称,用于表单提交时标识输入框的值。
  • value:指定输入框的默认值。
  • placeholder:指定输入框的占位符,当输入框为空时显示。
  • readonly:指定输入框为只读,用户无法编辑。
  • disabled:指定输入框为禁用状态,用户无法交互。

示例代码

文本框

密码框

复选框

单选框

按钮

以上是 <input> 标签的一些常见用法,通过合理使用不同的类型和属性,可以创建丰富多样的交互控件。

属性 描述
accept audio/* video/* image/* MIME_type 规定通过文件上传来提交的文件的类型。 (只针对type="file")
align left right top middle bottom HTML5已废弃,不赞成使用。规定图像输入的对齐方式。 (只针对type="image")
alt text 定义图像输入的替代文本。 (只针对type="image")
autocomplete on off autocomplete 属性规定 input 元素输入字段是否应该启用自动完成功能。
autofocus autofocus 属性规定当页面加载时 input 元素应该自动获得焦点。
checked checked checked 属性规定在页面加载时应该被预先选定的 input 元素。 (只针对 type="checkbox" 或者 type="radio")
disabled disabled disabled 属性规定应该禁用的 input 元素。
form form_id form 属性规定 input 元素所属的一个或多个表单。
formaction URL 属性规定当表单提交时处理输入控件的文件的 URL。(只针对 type="submit" 和 type="image")
formenctype application/x-www-form-urlencoded multipart/form-data text/plain 属性规定当表单数据提交到服务器时如何编码(只适合 type="submit" 和 type="image")。
formmethod get post 定义发送表单数据到 action URL 的 HTTP 方法。 (只适合 type="submit" 和 type="image")
formnovalidate formnovalidate formnovalidate 属性覆盖 <form> 元素的 novalidate 属性。
formtarget _blank _self _parent _top framename 规定表示提交表单后在哪里显示接收到响应的名称或关键词。(只适合 type="submit" 和 type="image")
height pixels 规定 input元素的高度。(只针对type="image")
list datalist_id 属性引用 <datalist> 元素,其中包含 input 元素的预定义选项。
max number date 属性规定 input 元素的最大值。
maxlength number 属性规定 input 元素中允许的最大字符数。
min number date 属性规定 input元素的最小值。
multiple multiple 属性规定允许用户输入到 input 元素的多个值。
name text name 属性规定 input 元素的名称。
pattern regexp pattern 属性规定用于验证 input 元素的值的正则表达式。
placeholder text placeholder 属性规定可描述输入 input 字段预期值的简短的提示信息。
readonly readonly readonly 属性规定输入字段是只读的。
required required 属性规定必需在提交表单之前填写输入字段。
size number size 属性规定以字符数计的 input 元素的可见宽度。
src URL src 属性规定显示为提交按钮的图像的 URL。 (只针对 type="image")
step number step 属性规定 input 元素的合法数字间隔。
type button checkbox color date datetime datetime-local email file hidden image month number password radio range reset search submit tel text time url week type 属性规定要显示的 input 元素的类型。
value text 指定 input 元素 value 的值。
width pixels width 属性规定 input 元素的宽度。 (只针对type="image")
上一篇: HTML标签 <img>
下一篇: HTML标签 <ins>
纠错
反馈