input元素属性列表
-
type;input元素的类型;其值如下(未提及部分不被大多数浏览器支持的属性值):
- text,单行的输入字段,默认宽度为20个字符
- password,密码字段
- button,可点击按钮
- checkbox,复选框
- radio,单选按钮
- file,文件类型
- image,图像形式的提交按钮
- hidden,隐藏的输入字段
- reset,重置按钮,清除表单中的所有数据
- submit,提交按钮,把表单中的数据提交到服务器
- color,拾色器,其返回值为十六进制颜色的字符串
- date,日期选择器,其返回值是形式为yyyy-mm-dd的字符串
- email,邮箱格式的输入字段,提交时会自动验证
- month,月份选择器,其返回值是形式为yyyy-mm的字符串
- number,数字格式的输入字段,无法输入数字以外的字段,可以通过min和max属性设置数字范围,提交时会自动验证是否在该数字范围内
- range,滑动条,其返回值为0到100之间的整数
- search,搜索字段,表现和常规的文本域一样
- tel,电话号码格式的输入字段,目前只在Safari 8 中被支持
- time,时间选择器
- url,url格式的输入字段,提交时会自动验证
- week,周选择器,其返回值是形式为yyyy-Wdd(dd是第几周,如是2015年的第12周,则为2015-W12)
- name,input元素的名称
- value,input元素的值,value与类型为file的input元素不能搭配使用
- disabled,是否禁用input元素,其值就是disabled
- autocomplete,是否使用输入字段的自动完成功能,其值为on或者off
- autofocus,规定页面加载时input元素是否自动获取焦点,其值就是autofocus
- list,引用数据列表,其中包含输入字段的预定义选项,其值为文档中datalist的id
- checked,页面加载时input元素是否被选中,与类型为checkbox或radio的input元素搭配使用,其值就是checked
- readonly,规定输入字段只读,其值就是readonly,与类型为text或password的input元素搭配使用
- required,规定在提交表单前必须填写该字段,其值就是required
- size,输入字段的宽度
- placeholder,帮助用户填写输入字段的提示,与类型为text、search、url、telephone、email以及password的input元素搭配使用
- pattern,规定用于验证输入字段的正则表达式,与类型为text、search、url、telephone、email以及password的input元素搭配使用
- max,输入字段所允许的最大值,与类型为number、range、date、month、time以及week的input元素搭配使用
- min,输入字段所允许的最小值,与类型为number、range、date、month、time以及week的input元素搭配使用
- step,输入字段的合法数字间隔,与类型为number、range、date、month、time以及week的input元素搭配使用
- maxlength,输入字段的最大长度(以字符数来计算),与类型为text或password的input元素搭配使用
- multiple,规定输入字段可选择多个值,其值就是multiple,与类型为email和file的input元素搭配使用
- src,引用图像的url,与type="image"搭配使用
- alt;与type="image"搭配使用,定义图像的替代文本
- width,input元素的宽度,其值为像素值或者百分比,与type="image"搭配使用
- height,input元素的高度,其值为像素值或者百分比,与type="image"搭配使用
- form,input元素所属的一个或多个表单,其值为表单的id,多个表单之间用空格隔开,
- formaction,覆盖表单的action属性,适用于类型为submit或image的input元素
- formtarget,覆盖表单的target属性,适用于类型为submit或image的input元素
- formmethod,覆盖表单的method属性,适用于类型为submit或image的input元素
- formenctype,覆盖表单的enctype属性,适用于类型为submit或image的input元素
- formnovalidate,覆盖表单的novalidate属性,适用于类型为submit或image的input元素
示例:
-
-
-
-
-
-
-