input 标签是用于web的表单创建交互性控件,以便接受来自用户输入提交的数据。
<label for="sample">sample</label>
<input type="text" name="sample" id="sample">
type
属性
****标签的工作方式取决于type
属性的值。
Type | 描述 |
---|---|
button | 没有默认行为的按钮,上面显示 value 属性的值,默认为空。 |
checkbox | 可以设置选中或未选中 |
color | 用于指定颜色的控件;在支持的浏览器中,激活时会打开取色器。 |
data | 输入日期的控件(年、月、日,不包括时间)。在支持的浏览器激活时打开日期选择器或年月日的数字滚轮。 |
datatime-local | 输入日期和时间的控件,不包括时区。在支持的浏览器激活时打开日期选择器或年月日的数字滚轮。 |
编辑邮箱地址的区域。类似 text 输入,但在支持的浏览器和带有动态键盘的设备上会有确认参数和相应的键盘。 | |
file | 让用户选择文件的控件。使用accept属性规定控件能选择的文件类型。 |
hidden | 不显示的控件,其值仍会提交到服务器。举个例子,右边就是一个隐形的控件。 |
image | 带图像的 submit 按钮。显示的图像由 src 属性规定。如果 src 缺失,alt 属性就会显示。 |
month | 输入年和月的控件,没有时区。 |
number | 用于输入数字的控件。如果支持的话,会显示滚动按钮并提供缺省验证(即只能输入数字)。拥有动态键盘的设备上会显示数字键盘。 |
password | 单行的文本区域,其值会被遮盖。如果站点不安全,会警告用户。 |
radio | 单选按钮,允许在多个拥有相同 name 值的选项中选中其中一个。 |
range | 此控件用于输入不需要精确的数字。控件是一个范围组件,默认值为正中间的值。同时使用htmlattrdefmin 和 htmlattrdefmax来规定值的范围。 |
reset | 此按钮将表单的所有内容重置为默认值。不推荐。 |
search | 用于搜索字符串的单行文字区域。输入文本中的换行会被自动去除。在支持的浏览器中可能有一个删除按钮,用于清除整个区域。拥有动态键盘的设备上的回车图标会变成搜索图标。 |
submit | 用于提交表单的按钮。 |
tel | 用于输入电话号码的控件。拥有动态键盘的设备上会显示电话数字键盘。 |
text | 默认值。单行的文本区域,输入中的换行会被自动去除。 |
time | 用于输入时间的控件,不包括时区。 |
url | 用于输入 URL 的控件。类似 text 输入,但有验证参数,在支持动态键盘的设备上有相应的键盘。 |
week | 用于输入以年和周数组成的日期,不带时区。 |
- 属性
属性 | 相关的type | 描述 |
---|---|---|
alt | image | 是可访问的的要求 |
width | image | 与的width属性一样,水水平方向7 |
height | image | 与的height属性相同,垂直方向 |
src | image | 与的src属性一样,图像资源的地址 |
accept | file | 用于规定文件上传中的期望的文件的类型 |
capture | file | 文件上传控件中媒体拍摄的方式 |
checked | radio,checkbox | 用于控制控件是否被选中 |
dirname | text,search | 表单区域的一个名字,用于在提交表单时发送元素的方向性 |
formaction | image,submit | 用于提交表单的URL |
formenctype | image,submit | 表单数据集的编码方式,用于表单的提交 |
formmethod | image,submit | 用于表单提交的HTTP |
formnovalidate | image,submit | 提交表单时绕过对表单控件的验证 |
formtarget | image,submit | 表单提交的浏览上下文 |
form | 所有 | 将控件与form元素联系到一起 |
autocomplete | 所有 | 用于表单的自动填充的功能 |
autofocus | 所有 | 页面加载时候自动聚焦到此表单控件 |
disabled | 所有 | 表单控件是否被禁用 |
name | 所有 | input表单控件的名字,以键值对的形式随表单一起提交 |
type | 所有 | |
value | 所有 | 表单控件的值,以键值对的形式一起提交 |
list | 绝大部分 | 自动填充选项的的id值 |
readonly | 绝大部分 | 布尔值,存在时表单控件不可编辑 |
required | 绝大部分 | 布尔值,存在时表单控件必须填写 |
max | 数字type | 最大值 |
min | 数字type | 最小值 |
step | 数字type | 有效自增值 |
maxlength | password,text,search,tel,url | value的最大长度(最多字符数目) |
minlength | password,text,search,tel,url | value的最小长度(最少字符数目) |
pattern | password,tel,text | 匹配有效value的模式(patten) |
placeholder | password,text,search,tel,url | 当表单控件中为空时,控件中的提示内容 |
multiple | email,file | 布尔值,是否允许多个值 |
size | email,password,tel,text | 控件的大小 |