HTML5学习笔记简明版(5):input的type超级类型
2017-04-30 19:21
441 查看
HTML5为input的type类型添加了多种枚举值,用来表达不同的意思。同事具有验证功能,假设格式不正确,浏览器将原始提供错误提示,堪称超级牛X啊,详细例如以下:
參考资料: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 | 一个或多个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 | 提交button |
image | 图片button |
reset | n/a |
button | n/a |
学习至此。大叔发现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学习笔记2013.1.6——新增元素之input元素的类型
- html5学习笔记二-新增input 类型
- HTML5学习笔记之Input类型
- HTML5学习笔记简明版(9):变化的元素和属性
- HTML5学习笔记简明版(3):新元素之hgroup,header,footer,address,nav
- HTML5学习笔记简明版(4):新元素之video,audio,meter,datalist,keygen,output
- Extjs xtype类型学习笔记
- HTML5学习笔记简明版(7):新增属性(2)
- 【北京圣思园学习笔记】第03讲:原生数据类型使用陷阱(Pitfall of Primitive Data Type)
- HTML5学习笔记简明版(10):过时的元素和属性
- (JAVA SE 学习笔记)Java.SE.第002讲.原生数据类型 (Primitive Data Type)
- HTML5学习笔记简明版(4):新元素之video,audio,meter,datalist,keygen,output
- HTML5学习笔记简明版(8):新增的全局属性
- HTML5学习笔记简明版(10):废弃的元素和属性
- HTML5学习笔记简明版(9):变化的元素和属性
- (JAVA SE 学习笔记)Java.SE.第003讲.原生数据类型使用陷阱.Pitfall.of.Primitive.Data.Type
- HTML5学习笔记简明版(8):新增的全局属性