HTML5学习笔记2013.1.6——新增元素之input元素的类型
2013-01-06 22:27
537 查看
email
该类型表示必须输入E-mail地址的文本输入框
HTML5中代码示例:
<input type="email" />
url
该类型表示必须输入URL地址的文本输入框
HTML5中代码示例:
<input type"url" />
number
该类型表示必须输入数值的文本输入框
HTML5中代码示例:
<input type=“number" />
range
该类型表示必须输入一定范围内数字值的文本输入框
HTML5中代码示例:
<input
Date Pickers(数据检出器)
HTML5拥有多个可供选择日期和时间的新输入类型:
date-选取日、月、年
month-选取月、年
week-选取周、年
time-选取时间(小时和分钟)
datetime-选取时间、日、月、年(UTC时间)
HTML5中代码示例
<input type="date" />
该类型表示必须输入E-mail地址的文本输入框
HTML5中代码示例:
<input type="email" />
url
该类型表示必须输入URL地址的文本输入框
HTML5中代码示例:
<input type"url" />
number
该类型表示必须输入数值的文本输入框
HTML5中代码示例:
<input type=“number" />
range
该类型表示必须输入一定范围内数字值的文本输入框
HTML5中代码示例:
<input
type="number"name="points" min="1" max="10" />
Date Pickers(数据检出器)
HTML5拥有多个可供选择日期和时间的新输入类型:
date-选取日、月、年
month-选取月、年
week-选取周、年
time-选取时间(小时和分钟)
datetime-选取时间、日、月、年(UTC时间)
HTML5中代码示例
<input type="date" />
相关文章推荐
- html5学习笔记二-新增input 类型
- HTML5学习笔记简明版(5):input的type超级类型
- html5权威指南 学习笔记(1) 之 新增的主体结构元素
- HTML5学习笔记之Input类型
- html5学习笔记3-新增表单元素
- HTML5 学习笔记2-新增的主体结构元素
- HTML5 学习笔记5-表单新增元素和属性(续写)
- HTML5新增input元素的类型
- HTML5 学习笔记4-表单新增的元素和属性
- HTML5 input元素新增和改良的类型与其js验证
- HTML5学习笔记一:新增主体结构元素
- Web前端学习笔记(3)-html5新增表单元素
- HTML5学习笔记简明版(5):input的type超级类型
- HTML5学习笔记2013.1.5——新增元素之多媒体元素及其他
- <学习html>第八天笔记-HTML5文档类型和字符集、HTML5新标签与特性(常用新标签、新增input type属性值、常用新属性、多媒体标签)
- HTML5学习笔记简明版(5):input的type超级类型
- Web前端学习笔记(2)-html5新增的结构元素
- HTML5学习笔记简明版(5):input的type超级类型
- Guava学习笔记:Guava新增集合类型
- Html5之高级-1 HTML5表单元素(表单简介、input类型、新表单元素)