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中删除。