HTML <input> 标签
例子
具有三个输入字段的 HTML 表单；两个文本字段和一个提交按钮：
<form action="/action_page.html">
<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>
亲自尝试 »定义和用法
这 <input> 标签指定用户可以输入数据的输入字段。
这 <input> 元素是最重要的表单元素。
这 <input> 元素可以以多种方式显示，具体取决于类型属性。
不同的输入类型如下：
<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">
看着那（这 类型 属性来查看每种输入类型的示例！
提示和说明
提示： 始终使用<label> 标签来定义标签<input type="text">, <input type="checkbox">, <input type="radio">, <input type="file">， 和 <input type="password">.
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <input> | 是的 | 是的 | 是的 | 是的 | 是的 |
属性
| 属性 | 价值 | 描述 |
|---|---|---|
| 接受 | 文件扩展名 声音的/* 视频/* 图像/* 媒体类型 |
指定用户可以从文件输入对话框中选择的文件类型的过滤器（仅适用于 type="file"） |
| 替代 | 文本 | 指定图像的替代文本（仅适用于 type="image"） |
| 自动完成 | 在 离开 |
指定<input>元素应该启用自动完成功能 |
| 自动对焦 | 自动对焦 | 指定<input>页面加载时元素应自动获得焦点 |
| 已检查 | 已检查 | 指定<input>页面加载时应预先选择元素（对于 type="checkbox" 或 type="radio"） |
| 目录名 | 输入名称.目录 | 指定将提交的文本方向 |
| 已禁用 | 已禁用 | 指定<input>元素应该被禁用 |
| 形式 | 表单 ID | 指定表格<input>元素属于 |
| 形成 | 网址 | 指定提交表单时处理输入控件的文件的 URL（针对 type="submit" 和 type="image"） |
| 形式类型 | 应用程序/x-www-form-urlencoded 多部分/表单数据 文本/纯文本 |
指定将表单数据提交到服务器时应如何编码（针对 type="submit" 和 type="image"） |
| 形式方法 | 得到 邮政 |
定义将数据发送到操作 URL 的 HTTP 方法（针对 type="submit" 和 type="image"） |
| 表单验证 | 表单验证 | 定义表单元素在提交时不需要验证 |
| 表单目标 | _空白的 _自己 _parent _顶部 框架名称 |
指定在何处显示提交表单后收到的响应（针对 type="submit" 和 type="image"） |
| 高度 | 像素 | 指定高度<input>元素（仅适用于 type="image"） |
| 列表 | 数据列表编号 | 指的是<datalist>包含预定义选项的元素<input>元素 |
| 最大限度 | 数字 日期 |
指定最大值<input>元素 |
| 最长长度 | 数字 | 规定允许的最大字符数<input>元素 |
| 分钟 | 数字 日期 |
指定最小值<input>元素 |
| 最小长度 | 数字 | 指定所需的最小字符数<input>元素 |
| 多种的 | 多种的 | 指定用户可以在<input>元素 |
| 姓名 | 文本 | 指定<input>元素 |
| 图案 | 正则表达式 | 指定正则表达式，<input> 检查元素的值 |
| 占位符 | 文本 | 指定一个简短的提示，描述预期的值<input>元素 |
| 只读 | 只读 | 规定输入字段是只读的 |
| 必需的 | 必需的 | 规定在提交表单之前必须填写输入字段 |
| 尺寸 | 数字 | 指定字符的宽度<input>元素 |
| 源码 | 网址 | 规定用作提交按钮的图像的 URL（仅适用于 type="image"） |
| 步 | 数字 任何 |
规定输入字段中合法数字之间的间隔 |
| 类型 | 按钮 复选框 颜色 日期 日期时间本地 电子邮件 文件 隐 图像 月 数字 密码 收音机 范围 重置 搜索 提交 电话 文本 时间 网址 星期 |
指定类型<input>要显示的元素 |
| 价值 | 文本 | 指定<input>元素 |
| 宽度 | 像素 | 指定<input>元素（仅适用于 type="image"） |
全局属性
这 <input> 标签还支持HTML 中的全局属性.
事件属性
这 <input> 标签还支持HTML 中的事件属性.
相关页面
HTML 教程：
HTML DOM 参考：
- 输入按钮对象
- 输入复选框对象
- 输入颜色对象
- 输入日期对象
- 输入日期时间对象
- 输入 DatetimeLocal 对象
- 输入电子邮件对象
- 输入 FileUpload 对象
- 输入隐藏对象
- 输入图像对象
- 输入月份对象
- 输入数字对象
- 输入密码对象
- 输入范围对象
- 输入单选对象
- 输入重置对象
- 输入搜索对象
- 输入提交对象
- 输入文本对象
- 输入时间对象
- 输入 URL 对象
- 输入周对象
默认 CSS 设置
没有任何。
