html5 input元素新特性_动力节点Java学院整理

2019-01-28 21:28:21王冬梅

 type="date" :日期控件

说明:显示一个日期控件,提供年月日的选择或自行输入。

属性:

value {string} :设置或获取日期控件的值,值的格式要为:"yyyy-MM-dd"。

示例:

<input type="date" value="2016-04-29" />

 

 type="email" :电子邮件地址输入框

说明:显示一个只能输入电子邮件格式的输入框。

属性:

multiple :添加此属性后支持输入多个电子邮件地址,必须以','逗号隔开。

示例:

<input type="email" multiple />

type="month" :年月控件

说明:提供一个只能选择年、月的日历控件。

属性:

value {string} :设置或获取控件的值,值的格式要为:"yyyy-MM"。

示例:

<input type="month" value="2016-04" />

type="number" :数值输入框

说明:只能输入数值相关字符,如数字、.(小数点)、-(负号)等。

属性:max表示数值最大值;min表示数值最小值;step表示微调按钮每次跳动的大小。

示例:

<input type="number" value="11.5" />

type="range" :滑动条

说明:以滑动条的形式表示数值。

属性:max表示数值最大值;min表示数值最小值。

示例:

<input type="range" max="100" min="0" value="80" />

type="search" :搜索框

说明:在Chrome中搜索框没内容时就像普通的文本输入框,当有内容时右边有个'x'符号,用以清除文本内容。