HTML5中新增的Input类型
HTML5中新增的Input类型
HTML5中新增的Input类型一、EMAIL类型
1、email 类型用于应该包含 e-mail 地址的输入域
2、在提交表单时会自动验证email的格式
3、例如
<input type="email" name="email" />
二、URL类型
1、url 类型用于应该包含 URL 地址的输入域。
2、在提交表单时,会自动验证 url 域的值。
3、例如
<input type="url"
name="user_url" />
三、NUMBER类型
1、number 类型用于应该包含数值的输入域。
2、可以设定对所接受的数字的限定
3、例如
<input type="number"
name="points" min="1" max="10" />
下面的属性来规定对数字类型的限定:
属性 | 描述 |
max | 规定允许的最大值 |
min | 规定允许的最小值 |
step | 规定合法的数字间隔(如果 step="3",则合法的数是 -3,0,3,6 等) |
value | 规定默认值 |
4、效果图
四、range类型
1、range 类型用于应该包含一定范围内数字值的输入域。
2、range 类型显示为滑动条。
3、可以设定对所接受的数字的限定:
4、例如
<input type="range"
name="points" min="1" max="10" />
5、效果图
五、Date Pickers(日期选择器)类型
1、HTML5 拥有多个可供选取日期和时间的新输入类型:
date - 选取日、月、年
month - 选取月、年
week - 选取周和年
time - 选取时间(小时和分钟)
datetime - 选取时间、日、月、年(UTC 时间)
datetime-local - 选取时间、日、月、年(本地时间)
2、例如
<input type="date"
name="user_date" />
六、SEARCH类型
1、search 类型用于搜索域
2、例如
type="search"
name="search" />- html5播放器按菜单键没反应(解决HTML5中的audio在手机端和微信端的不能自动播放问题)
- html5基本代码文字颜色(html5默认气泡修改的代码详解)
- html5的占位符(html5 冒号分隔符对齐的实现)
- html5的表单怎么写(HTML5新增form控件和表单属性实例代码详解)
- html5单选项怎么调选项间距(html5实现输入框fixed定位在屏幕最底部兼容性)
- html5定位教学(Html5 webview元素定位工具的实现)
- HTML5 <abbr>标签
- webgl api 源码(基于 HTML5 WebGL 实现的医疗物流系统)
- html5长图拖动(html5 拖拽及用 js 实现拖拽功能的示例代码)
- html5弹出窗口(Html5页面上如何禁止手机虚拟键盘弹出)
- webui控件在前端开发中的作用(HTML5 weui使用笔记)
- HTML5面试题
- html5 布局设计(Html5导航栏吸顶方案原理与对比实现)
- html5socket源码(五分钟学会HTML5的WebSocket协议)
- html5和css3最新特性(html5中使用hotcss.js实现手机端自适配的方法)
- html5 canvas 特效(JavaScript canvas实现流星特效)
- 买绿宝不能只挑黄绿色 菜农教你3招挑,个个皮薄肉脆,香甜爆汁(买绿宝不能只挑黄绿色)
- 大果肉搭配薄瓜皮, 绿宝 脆甜爽口,不愧是甜瓜中的 佼佼者(大果肉搭配薄瓜皮)
- 河南尉氏县因地制宜发展果蔬种植 水坡镇绿宝甜瓜变 金瓜(河南尉氏县因地制宜发展果蔬种植)
- 谢广坤,你这么欺负谢腾飞,良心不会痛吗(你这么欺负谢腾飞)
- 乡村爱情15 宋晓峰怀疑自己孩子,腾飞与姜奶奶亲子鉴定出结果(宋晓峰怀疑自己孩子)
- 《乡村爱情13》开播,新版刘能以假乱真,编剧思维进入瓶颈(新版刘能以假乱真)
热门推荐
- sqlserver判断条件输出字符(SQL Server查询条件IN中能否使用变量的示例详解)
- 编写HTML格式的邮件需注意的地方
- css高级使用技巧(全面解析CSS Media媒体查询使用操作推荐)
- 常用web服务器与简介(最流行的5大开源web服务器)
- docker导出日志(excel导出在docker环境中总是失败的问题)
- SQLServer中使用扩展事件获取Session级别的等待信息及SQLServer 2016中Session级别等待(SQLServer中使用扩展事件获取Session级别的等待信息及SQLServer 2016中Session级别等待)
- sql注入测试常用的工具(Sql注入工具_动力节点Java学院整理)
- javascript如何操作文档元素(JavaScript操作元素实例大全)
- css各种引用方法(CSS中的四种引用方式)
- reactnative ios(详解React Native与IOS端之间的交互)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9