码迷,mamicode.com
首页 > Web开发 > 详细

HTML5学习笔记简明版(5):input的type超级类型

时间:2015-07-19 13:31:43      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:html5

HTML5为input的type类型增加了多种枚举值,用来表达不同的意思,同事具有验证功能,如果格式不对,浏览器将原始提供错误提示,堪称超级牛X啊,具体如下:

 

Keyword

Data type

hidden

任意字符

text

单行文本

search

单行文本

tel

单行文本

url

绝对地址

email

一个或多个email地址

password

单行文本

datetime

带有时区的时间

date

无时区的年月日时间

month

无时区的年月

week

无时区的周数

time

无时区的时间(小时,分钟,秒,毫秒)

datetime-local

无时区的日期与时间

number

数字值

range

范围:<input type="range" min=0 max=100 step=20 value=50>

color

8-bit表示的颜色

checkbox

checkbox

radio

radio

file

文件

submit

提交按钮

image

图片按钮

reset

n/a

button

n/a

 参考资料:http://www.mhtml5.com/resources/html5%E6%95%99%E7%A8%8B%EF%BC%88%E5%85%AD%EF%BC%89-html5-input%E7%B1%BB%E5%9E%8B

 

学习至此,大叔发现mhtml5网站上已经有很多现成的资料了,所以如下的一些新元素请大家自行参考该网站的资料学习,大叔将着重继续学习HTML5在现有元素上的更新改变。

  1. figure元素
  2. figcaption元素
  3. track元素
  4. embed元素
  5. mark元素
  6. progress元素
  7. time元素
  8. ruby, rt和rp元素
  9. bdi元素
  10. wbr元素
  11. canvas元素
  12. command元素
  13. details元素

版权声明:本文为博主http://www.zuiniusn.com原创文章,未经博主允许不得转载。

HTML5学习笔记简明版(5):input的type超级类型

标签:html5

原文地址:http://blog.csdn.net/u013948187/article/details/46953677

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!