HTML5学习笔记简明版(5):input的type超级类型
2011-12-12 08:39
351 查看
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在现有元素上的更新改变。
figure元素
figcaption元素
track元素
embed元素
mark元素
progress元素
time元素
ruby, rt和rp元素
bdi元素
wbr元素
canvas元素
command元素
details元素
Keyword
Data type
hidden
任意字符
text
单行文本
search
单行文本
tel
单行文本
url
绝对地址
一个或多个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在现有元素上的更新改变。
figure元素
figcaption元素
track元素
embed元素
mark元素
progress元素
time元素
ruby, rt和rp元素
bdi元素
wbr元素
canvas元素
command元素
details元素
相关文章推荐
- HTML5学习笔记简明版(5):input的type超级类型
- HTML5学习笔记简明版(5):input的type超级类型
- HTML5学习笔记简明版(5):input的type超级类型
- HTML5学习笔记之Input类型
- html5学习笔记二-新增input 类型
- HTML5学习笔记2013.1.6——新增元素之input元素的类型
- HTML5学习笔记简明版(9):变化的元素和属性
- HTML5学习笔记简明版(8):新增的全局属性
- HTML5学习笔记简明版(10):过时的元素和属性
- HTML5学习笔记简明版(8):新增的全局属性
- HTML5学习笔记简明版(8):新增的全局属性
- HTML5学习笔记简明版(9):变化的元素和属性
- JavaWeb学习笔记-mybatis-12-mybatis配置-类型处理typeHandlers
- Mybatis学习笔记(6)--一对一的关联使用resultType输出类型
- HTML5学习笔记简明版(10):废弃的元素和属性
- HTML5学习笔记简明版 目录索引
- C++ 学习笔记(19)new/delete表达式、定位new、typeid、dynamic_cast、type_info、枚举类型、成员函数指针、union、位域、volatile限定符、链接指示
- HTML5学习笔记简明版(3):新元素之hgroup,header,footer,address,nav
- HTML5学习笔记简明版(4):新元素之video,audio,meter,datalist,keygen,output
- HTML5学习笔记简明版(7):新增属性(2)