前端——HTML5之input属性
各⼤⽹页都要⽤到输⼊框，⽤以提交各类信息。这些功能⼤部分都是由html中的input来完成的。H中新增段了input属性，这⾥总结⼀下input的⼏种使⽤类型。
1、url
url类型⽤于包含url地址的输⼊域，或者说，⽤于应该包含url地址的输⼊域，它在提交表单的时候会⾃动验证url域的值。
语法实例：
index：<input type="url"name=“user_url”/>
效果如下：html中提交表单用什么属性
2、number
number类型⽤于应该包含数值的输⼊域。
语法⽰例：
numbers:<input type="number" name="user_name"/>
效果如下：
注：number类型可以设定对所接受数字的限定，在语句中⽤min或max 来限定。
如：numbers:<input type="number" name="user_name" min="0" max="9"/>
此外，还可以通过step 来限定数字间隔（step=“2”，则合法的数为0，2，4等），⽽value则⽤来规定默认值。
3、email
email类型⽤于应该包含e-mail地址的输⼊域。同上⾯两个⼀样，在提交表单时会⾃动验证email域的值。
语法⽰例：
E-mail：<input type="email" name="user_email"/>
效果如下：
4、search
search类型⽤于搜索域如google搜索，它显⽰为常规的⽂本框。
5、Date Pickers
Date Pickers(⽇期选择器)——H5中有多个可供选取⽇期和时间的输⼊类型。
date 选取⽇ 、⽉、 年
month 选取⽉、年
week 选取周和年
time 选取时间（⼩时和分钟）
datetime 选取时间、⽇、⽉、年（UTC时间）
datetime-local 同上，但是选取的是本地时间
datetime-local 同上，但是选取的是本地时间
以date为例：
Date：<input type="date"name="user_date"/>
效果如下：
6、range
range类型⽤于应该包含⼀定范围内数字域的输⼊域，它显⽰为滑动条，同number⼀样，它可以设定对所接受数字的限定。语法⽰例：
<input type="range" name="numbers" min="0" max="9"/>
效果如下：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。