HTML5input类型

Posted 嘉禾世兴

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5input类型相关的知识,希望对你有一定的参考价值。

* email

<input type="email" name="user_email" />

 

* url

<input type="url" name="user_url" />

 

* number

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

 

* range

<input type="range" name="points" min="1" max="10" />

 

 

属性描述
max number 规定允许的最大值
min number 规定允许的最小值
step number 规定合法的数字间隔(如果 step="3",则合法的数是 -3,0,3,6 等)
value number 规定默认值

 

* data

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

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

  • date - 选取日、月、年
  • month - 选取月、年
  • week - 选取周和年
  • time - 选取时间(小时和分钟)
  • datetime - 选取时间、日、月、年(UTC 时间)
  • datetime-local - 选取时间、日、月、年(本地时间)

 

以上是关于HTML5input类型的主要内容,如果未能解决你的问题,请参考以下文章

您如何检测“搜索”HTML5 输入的清除?

处理浏览器对 HTML 输入 type="date" 的特定支持

web开发

Django URLField 和 HTML5?

验证-- email类型输入框(电子邮件地址)--multiple

使用 JavaScript 处理 HTML5 类型的 'email'、'url'