HTML <input> 标签
示例
包含三个输入字段的 HTML 表单；两个文本字段和一个提交按钮
<form action="/action_page.php">
<label for="fname">姓氏:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">名字:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="提交">
</form>
自己试试 »定义和用法
The <input> 标签指定一个输入字段，用户可以在其中输入数据。
The <input> 元素是最重要的表单元素。
The <input> 元素可以以多种方式显示，具体取决于 type 属性。
以下是不同的输入类型
<input type="button"><input type="checkbox"><input type="color"><input type="date"><input type="datetime-local"><input type="email"><input type="file"><input type="hidden"><input type="image"><input type="month"><input type="number"><input type="password"><input type="radio"><input type="range"><input type="reset"><input type="search"><input type="submit"><input type="tel"><input type="text">(默认值)<input type="time"><input type="url"><input type="week">
查看 type 属性以查看每种输入类型的示例！
提示和注释
提示：始终使用 <label> 标签为 <input type="text">、<input type="checkbox">、<input type="radio">、<input type="file"> 和 <input type="password"> 定义标签。
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <input> | 是 | 是 | 是 | 是 | 是 |
属性
| 属性 | 值 | 描述 |
|---|---|---|
| accept | file_extension audio/* video/* image/* media_type |
指定用户可以从文件输入对话框中选择的允许的文件类型过滤器（仅适用于 type="file"）。 |
| alt | text | 为图像指定替代文本（仅适用于 type="image"）。 |
| autocomplete | on off |
指定 <input> 元素是否应启用自动完成功能。 |
| autofocus | autofocus | 指定 <input> 元素在页面加载时应自动获取焦点。 |
| checked | checked | 指定 <input> 元素在页面加载时应预先选中（适用于 type="checkbox" 或 type="radio"）。 |
| dirname | inputname.dir | 指定将提交文本方向。 |
| disabled | disabled | 指定 <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>元素的预期值 |
| popovertarget | element_id | 指定要调用的弹出框元素（仅适用于 type="button"） |
| popovertargetaction | hide show toggle |
指定单击按钮时弹出框元素将发生什么（仅适用于 type="button"） |
| readonly | readonly | 指定输入字段为只读 |
| required | required | 指定在提交表单之前必须填写输入字段 |
| size | number | 指定<input>元素的宽度（以字符为单位） |
| src | URL | 指定用作提交按钮的图像的 URL（仅适用于 type="image"） |
| step |
number any |
指定输入字段中合法数字之间的间隔 |
| type | button checkbox color date datetime-local 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 中的事件属性。
相关页面
HTML 教程
HTML DOM 参考
- 输入按钮对象
- 输入复选框对象
- 输入颜色对象
- 输入日期对象
- 输入日期时间对象
- 输入日期时间本地对象
- 输入电子邮件对象
- 输入文件上传对象
- 输入隐藏对象
- 输入图像对象
- 输入月份对象
- 输入数字对象
- 输入密码对象
- 输入范围对象
- 输入单选按钮对象
- 输入重置对象
- 输入搜索对象
- 输入提交对象
- 输入文本对象
- 输入时间对象
- 输入 URL 对象
- 输入周对象
默认 CSS 设置
无。
