MDN
属性
属性 | 描述 |
value | value 属性规定输入字段的初始值 |
readonly | readonly 属性规定输入字段为只读 |
disabled | disabled 属性规定输入字段是禁用的 |
size | size 属性规定输入字段的尺寸 |
maxlength | maxlength 属性规定输入字段允许的最大长度 |
autocomplete | autocomplete 属性规定表单或输入字段是否应该自动完成 |
novalidate | novalidate 规定在提交表单时不对表单数据进行验证 |
autofocus | 如果设置,则规定当页面加载时 元素应该自动获得焦点 |
height | 规定 元素的高度 |
width | 规定 元素的宽度 |
list | ist 属性引用的 元素中包含了 元素的预定义选项。 |
datalist | 提供选项给list引用,和select 相似 |
min | 规定 元素的最小值,适用于如需输入类型:number、range、date、datetime、datetime-local、month、time 以及 week。 |
max | max 属性规定 元素的最大值 |
multiple | 如果设置,则规定允许用户在 元素中输入一个以上的值 |
pattern | pattern 属性规定用于检查 元素值的正则表达式 格式: pattern="[A-Za-z]{3}" |
placeholder | placeholder 属性规定用以描述输入字段预期值的提示 |
required | 如果设置,则规定在提交表单之前必须填写输入字段。用于以下输入类型:text、search、url、tel、email、password、date pickers、number、checkbox |
step | step 属性规定 元素的合法数字间隔。示例:如果 step=“3”,则合法数字应该是 -3、0、3、6、等等。 |
tabindex | 一个数字,相当于序号,当用户按键盘Tab键时,焦点会按序号从小到大落在对映的元素上(当此值为-1时,表示焦点永远不会通过Tab键落在此元素上) |
type | 字符串,表示元素按照不同的 input type 类型呈现出来 |
accept | 如果该元素的 type 属性的值是file,则该属性表明了服务器端可接受的文件类型;否则它将被忽略 |
输入类型
button:无缺省行为按钮。
checkbox: 复选框。必须使用 value 属性定义此控件被提交时的值。使用 checked 属性指示控件是否被选择。也可以使用 indeterminate 指示复选框在一种不确定状态(大多数平台上,显示为一条穿过复选框的水平线)。
color:HTML5 用于指定颜色的控件。
date:HTML5 用于输入日期的控件(年,月,日,不包括时间)。
datetime-local:HTML5 用于输入日期时间控件,不包含时区。
email:HTML5 用于编辑 e-mail 的字段。 合适的时候可以使用 :valid 和 :invalid CSS 伪类。
file:此控件可以让用户选择文件。使用 accept 属性可以定义控件可以选择的文件类型。
hidden:不显示在页面上的控件,但它的值会被提交到服务器。
image:图片提交按钮。必须使用 src 属性定义图片的来源及使用 alt 定义替代文本。还可以使用 height 和 width 属性以像素为单位定义图片的大小。
month:HTML5 用于输入年月的控件,不带时区。
number: HTML5 用于输入浮点数的控件。
password:一个值被遮盖的单行文本字段。使用 maxlength 指定可以输入的值的最大长度 。
注意:任何涉及密码之类的敏感信息的表单(例如登录表单)都必须通过HTTPS协议和服务端联接;火狐浏览器现已实施了多种机制来对不安全的登录表单进行警告——详见Insecure passwords。其他浏览器也都有相似的机制。
radio:单选按钮。必须使用 value 属性定义此控件被提交时的值。使用checked 必须指示控件是否缺省被选择。在同一个”单选按钮组“中,所有单选按钮的 name 属性使用同一个值; 一个单选按钮组中是,同一时间只有一个单选按钮可以被选择。
range:HTML5 用于输入不精确值控件。如果未指定相应的属性,控件使用如下缺省值:
min:0
max:100
value:min + (max-min)/2,或当 max 小于 min 时使用 min
step:1
reset:用于将表单所内容设置为缺省值的按钮。
search:HTML5用于输入搜索字符串的单行文本字段。换行会被从输入的值中自动移除。
submit:用于提交表单的按钮。
tel:HTML5 用于输入电话号码的控件;换行会被自动从输入的值中移除A,但不会执行其他语法。可以使用属性,比如 pattern 和 maxlength 来约束控件输入的值。恰当的时候,可以应用 :valid 和 :invalid CSS 伪类。
text:单行字段;换行会将自动从输入的值中移除。
time:HTML5 用于输入不含时区的时间控件。
url:HTML5 用于编辑URL的字段。 The user may enter a blank or invalid address. 换行会被自动从输入值中移队。可以使用如:pattern 和 maxlength 样的属性来约束输入的值。 恰当的时候使可以应用 :valid 和 :invalid CSS 伪类。
week:HTML5 用于输入一个由星期-年组成的日期,日期不包括时
某些输入类型现已过时:
datetime: HTML5 用于输入日期和时间的控件(小时,分钟, 秒,基于UTC时区的一小部分。 此功能已从WHATWG HTML中删除。