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 <figure> 、<figcaption>标签
- html5视频播放代码详解(HTML5基于flash实现播放RTMP协议视频的示例代码)
- html5标签图片(HTML5图片层叠的实现示例)
- html5怎么设置红色(详解HTML5如何使用可选样式表为网站或应用添加黑暗模式)
- html5video怎么用(html5视频媒体标签video的使用方法及完整参数说明详解)
- html5导航栏跳转(Html5跳转到APP指定页面的实现)
- html5表格设计(Html5饼图绘制实现统计图的方法)
- 微信html5页面怎么制作(HTML5中外部浏览器唤起微信分享功能的代码)
- 如何获取html5表单中的元素的值(html5 datalist 选中option选项后的触发事件)
- html5基本结构图解(html5简介及新增功能介绍)
- html5复制修改(HTML5实现无刷新修改URL的方法)
- html5页面传值表(html5的pushstate以及监听浏览器返回事件的实现)
- html5发送文字特效(HTML5调用手机发短信和打电话功能)
- html5功能讲解(Html5定位终极解决方案)
- Html5中的<section>标签
- html5拖拽标签(Html5原生拖拽相关事件简介以及基础实现)
- 某知名企业绩效管理体系及薪酬分配体系操作手册(某知名企业绩效管理体系及薪酬分配体系操作手册)
- 职场人改不掉这4个习惯,只会越混越穷,一辈子也翻不了身(职场人改不掉这4个习惯)
- 华为 联想等46家公司笔试面试题,涉及各行各业,建议收藏(联想等46家公司笔试面试题)
- ()
- ()
- 800壮士拼死拖住30万日军 八佰 的真实历史,誓与阵地共存亡(800壮士拼死拖住30万日军)
热门推荐
- 如何用微信公众号发送信息(微信公众号之主动给用户发送消息功能)
- django后台运行命令(Django框架实现的普通登录案例使用POST方法)
- mysql的事务隔离级别怎么实现(mysql、oracle默认事务隔离级别的说明)
- dedecms二次开发教程(dedecms二次开发时使用{dede:arclist},{dede:list}获取附加表字段内容)
- Asp.net中params的使用
- amazeui官网(AmazeUI 评论列表的实现示例)
- docker容器分配(Docker容器数据卷原理及使用方法解析)
- sqlserver怎么修改表结构(SQL Server中修改“用户自定义表类型”问题的分析与方法)
- python中的isi(深入浅析Python 中 is 语法带来的误解)
- thinkphp5表单系统(thinkphp 5框架实现登陆,登出及session登陆状态检测功能示例)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9