HTML5新增input元素的类型
来源:互联网 发布:mac drarmw 编辑:程序博客网 时间:2024/04/29 08:07
1、email:表示必须输入email地址的文本输入框
<form> <input name="email" type="email" /> <input type="submit" value="提交"/></form>
2、url:表示必须输入文本地址的文本输入框
<form> <input name="url" type="url" /> <input type="submit" value="提交"/></form>
3、表示必须输入整数的文本输入框
<form> <input name="num" type="number" /> <input type="submit" value="提交"/></form>
4、range:表示输入一定范围内数字值的文本输入框
value
跟其它input类型里的value属性一样。可以是整数,也可以是浮点数。缺省值是最小值和最大值的中间值。
min
范围的最小值。缺省值是0。
max
范围的最大值。缺省值是100。
step
步长,滑块组件滑动时value变动的最小单位。缺省值是1。如果最小值min是浮点数,step也可以是浮点数。
<form> <input name="range" type="range" min="1" max="10"/> <input type="submit" value="提交"/></form>
5、Date Pickers:可供选取日期和时间的输入文本框(只能在部分浏览器有效果)
date:选取日、月、年
<form> <input name="date" type="date"/> <input type="submit" value="提交"/></form>
month:选取月、年
<form> <input name="date" type="month"/> <input type="submit" value="提交"/></form>
week:选取周和年
<form> <input name="date" type="week"/> <input type="submit" value="提交"/></form>
time:选取时间(小时和分钟)
<form> <input name="date" type="time"/> <input type="submit" value="提交"/></form>
datetime:选取时间、日、月、年(UTC时间)
datetime-local:选取时间、日、月、年(本地时间)
<form> <input name="date" type="datetime-local"/> <input type="submit" value="提交"/></form>
1 0
- html5新增加的input类型元素
- HTML5新增input元素的类型
- html5 新增的input元素
- html5新增的元素类型
- HTML5新增input类型
- Html5新增和改良的input元素
- HTML5学习笔记2013.1.6——新增元素之input元素的类型
- HTML5新增的INPUT输入类型
- HTML5中input标签新增的类型
- H5 新增的input元素的类型
- HTML5 input元素新增和改良的类型与其js验证
- HTML5中新增的Input类型有哪些
- 新增的8类 HTML5 INPUT输入类型介绍
- HTML5中新增的input类型及其属性
- Html5新增的元素
- html5学习笔记二-新增input 类型
- HTML5 表单新增元素与属性 + input元素的种类(二)
- 玩转html5(一)-----盘点html5新增的那些酷酷的input类型和属性
- Hamming Distance 引发的思考
- hive小文件合并问题
- Hive Process forward class cast error exceed 1000
- 如何在窗口创建的同时更新List控件内容,在编程过程中遇到的问题
- 【iOS_Development】iOS沙盒目录简述
- HTML5新增input元素的类型
- win32下删除给定路径下的所有文件,创建目录
- js放大缩小 引发的问题
- 剑指offer--给定一个链表,从尾部到头部打印,输出链表节点的值
- Linux上搭建Apache+Subversion+???
- Spring Boot HTTP over JSON 的错误码异常处理
- 【Oracle】重命名数据文件
- socket 本机C/S通信
- 运用双腾讯云搭建《饥荒》多人联机服务器