HTML <input> 标签

示例

具有三个输入字段的 HTML 表单；两个文本字段和一个提交按钮：

<form action="/action_page.php">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit">
</form>

定义和用法

<input> 标签指定用户可以输入数据的输入字段。

<input> 元素是最重要的表单元素。

<input> 元素可以以多种方式显示，具体取决于 type 属性。

不同的输入类型如下：

查看 type 属性以查看每种输入类型的示例！

提示和注意事项

提示： 始终使用 <label> 标签为 <input type="text">、<input type="checkbox">、<input type="radio">、<input type="file"> 和 <input type="password">。

浏览器支持

Element
<input>	Yes	Yes	Yes	Yes	Yes

属性 Attributes

属性	值	描述
accept	file_extension audio/* video/* image/* media_type	指定用户可以从文件输入对话框中选择的文件类型的过滤器（仅适用于 type="file"）
alt	text	指定图像的替代文本（仅适用于 type="image"）
autocomplete	on off	指定 <input> 元素是否应该启用自动完成功能
autofocus	autofoc	指定 <input> 元素应在页面加载时自动获得焦点
checked	checked	指定在页面加载时应预先选择一个 <input> 元素（对于 type="checkbox" 或 type="radio"）
dirname	inputname.dir	指定将提交文本方向
disabled	disable	指定应禁用 <input> 元素
form	form_id	指定 <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	定义将数据发送到操作 URL 的 HTTP 方法（对于 type="submit" 和 type="image"）
formnovalidate	formnovalidate	定义提交时不应验证表单元素
formtarget	_blank _self _parent _top framename	指定在提交表单后显示收到的响应的位置（对于 type="submit" 和 type="image"）
height	pixels	指定 <input> 元素的高度（仅适用于 type="image"）
list	datalist_id	引用包含 <input> 元素的预定义选项的 <datalist> 元素
max	number date	指定 <input> 元素的最大值
maxlength	number	指定 <input> 元素中允许的最大字符数
min	number date	指定 <input> 元素的最小值
minlength	number	指定 <input> 元素中所需的最小字符数
multiple	multiple	指定用户可以在 <input> 元素中输入多个值
name	text	指定 <input> 元素的名称
pattern	regexp	指定检查 <input> 元素值的正则表达式
placeholder	text	指定描述 <input> 元素的预期值的简短提示
readonly	readonly	指定输入字段是只读的
required	required	指定在提交表单之前必须填写输入字段
size	number	指定 <input> 元素的宽度（以字符为单位）
src	URL	指定用作提交按钮的图像的 URL（仅适用于 type="image"）
step	numberany	指定输入字段中合法数字之间的间隔
type	button checkbox color date datetime-local email file hidden image month number password radio range reset search submit tel text time url week	指定要显示的类型 <input> 元素
value	text	指定 <input> 元素的值
width	pixels	指定 <input> 元素的宽度（仅适用于 type="image"）

全局属性

<input> 标签支持 HTML 中的全局属性。

事件属性

<input> 标签支持 HTML 中的事件属性。