HTML5表单Input类型总结

HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证

1,email 邮箱类型

E-mail: <input type="email" name="user_email"  />

2,Input 类型 - url 网址类型

url 类型用于应该包含 URL 地址的输入域

Homepage: <input type="url" name="user_url"  value="www.jiangzejx.com"/>

3,Input 类型 - number

number 类型用于应该包含数值的输入域。

4,Input 类型 - range

Points: <input type="number" name="points" min="1" max="10" />

5,Input 类型 - Date Pickers(日期选择器)

HTML5 拥有多个可供选取日期和时间的新输入类型:

date - 选取日、月、年

month - 选取月、年

week - 选取周和年

time - 选取时间(小时和分钟)

datetime - 选取时间、日、月、年(UTC 时间)

datetime-local - 选取时间、日、月、年(本地时间)

Date: <input type="date" name="user_date" />

 

Input 类型 - number

posted @ 2020-07-13 20:00  学无边涯  阅读(306)  评论(0编辑  收藏  举报