HTML5中新的input类型
2016-06-14 11:06
357 查看
1.color用在input字段,主要用于选取颜色
2.date允许从一个日期选择器选择一个日期
3.datetime允许选择一个日期(UCT时间)
4.datetime-local选择一个日期和时间(无时区)
5.email
在提交表单时,会自动验证email域的值是否合法
6.month允许选择一个月份
7.number 用于应该包含数值的输入域,还可以设定数值的范围
step:规定合法的数字间隔
value:规定的默认值
8.range包含一定范围内数字值的输入域
range类型显示为滑动条
9.search用于搜索域
10.tel定义输入电话号码的字段
11.time 允许选择一个时间
12.url 包含url地址的输入域,提交表单时,会自动验证url域的值
13.week 允许选择周和年
<input type="color" name="favcolor">
2.date允许从一个日期选择器选择一个日期
<input type="date" name="bday">
3.datetime允许选择一个日期(UCT时间)
<input type="datetime" name="bdaytime">
4.datetime-local选择一个日期和时间(无时区)
<input type="datetime-local" name="bdaytime">
5.email
在提交表单时,会自动验证email域的值是否合法
<input type="email" name="usremail">
6.month允许选择一个月份
<input type="month" name="bdaymonth">
7.number 用于应该包含数值的输入域,还可以设定数值的范围
step:规定合法的数字间隔
value:规定的默认值
<input type="number" name="quantity" min="1" max="5">
8.range包含一定范围内数字值的输入域
range类型显示为滑动条
Points: <input type="range" name="points" min="1" max="10">
9.search用于搜索域
Search Google: <input type="search" name="googlesearch"><br>
10.tel定义输入电话号码的字段
电话号码: <input type="tel" name="usrtel"><br>
11.time 允许选择一个时间
选择时间: <input type="time" name="usr_time">
12.url 包含url地址的输入域,提交表单时,会自动验证url域的值
添加你的主页: <input type="url" name="homepage"><br>
13.week 允许选择周和年
选择周: <input type="week" name="year_week">
相关文章推荐
- HTML5中在客户端验证文件上传的大小
- html5 web数据存储
- 页面元素查找之Selectors API
- 使用ajax实现用户登录验证(升级版)
- Canvas 在高清屏下绘制图片变模糊的解决方法
- 关于前端的思考与感悟
- 新时代编辑神器:Atom
- rem : web app适配的秘密武器
- jquery高级应用之Deferred对象
- 原生js结合html5制作小飞龙的简易跳球
- HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
- 三个不常见的 HTML5 实用新特性简介
- 低版本IE正常运行HTML5+CSS3网站的3种解决方案
- js+HTML5实现canvas多种颜色渐变效果的方法
- javascript+HTML5的Canvas实现Lab单车动画效果
- javascript+html5实现绘制圆环的方法
- javascript html5实现表单验证
- HTML5实现微信拍摄上传照片功能
- 基于HTML5的可预览多图片Ajax上传