Html5 输入类型

来源:互联网 发布:阿里云邮箱登录 编辑:程序博客网 时间:2024/06/05 18:32

HTML5 新的 Input 类型
HTML5拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。包括:email、url、number、range、Datepickers (date, month, week, time, datetime,datetime-local)、search、color

定义和用法
email 类型用于应该包含 e-mail 地址的输入域。
在提交表单时,会自动验证 email 域的值。

定义和用法
url 类型用于应该包含 URL 地址的输入域。
在提交表单时,会自动验证 url 域的值。

定义和用法
number 类型用于应该包含数值的输入域。
您还能够设定对所接受的数字的限定:

定义和用法
number 类型用于应该包含数值的输入域。
您还能够设定对所接受的数字的限定:

HTML5 拥有多个可供选取日期和时间的新输入类型:
date - 选取日、月、年
month - 选取月、年
week - 选取周和年
time - 选取时间(小时和分钟)
datetime - 选取时间、日、月、年(UTC 时间)
datetime-local - 选取时间、日、月、年(本地时间)
定义和用法
search 类型用于搜索域,比如站点搜索或 Google 搜索。
search 域显示为常规的文本域。
可以将搜索关键字传递给服务端