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图片层叠的实现示例)
- 微信小程序canvas缩放(微信小程序之html5 canvas绘图并保存到系统相册)
- html5 spellcheck属性
- html5标签怎么做(html5用video标签流式加载的实现)
- html5 固定图片(HTML5拖放API实现自动生成相框功能)
- ih5如何点击按钮跳转至网页(HTML5跳转小程序wx-open-launch-weapp的示例代码)
- html5按钮点击跳转(HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题)
- html5支持video的视频格式(解决html5中的video标签ios系统中无法播放使用的问题)
- html5复制修改(HTML5实现无刷新修改URL的方法)
- html5定位教学(Html5 webview元素定位工具的实现)
- html怎么设置地图(HTML5获取当前地理位置并在百度地图上展示的实例)
- html5底部组件(HTML5 Blob对象的具体使用)
- html5表格设计(Html5饼图绘制实现统计图的方法)
- html5定位地理位置(Html5获取高德地图定位天气的方法)
- html5图片动画制作(HTML5 3D旋转相册的实现示例)
- html5带图标下拉菜单(html5小程序飞入购物车抛物线绘制运动轨迹点)
- 巴厘岛旅游攻略(巴厘岛旅游攻略7天多少钱)
- 文莱旅游攻略(文莱旅游攻略介绍)
- 马来西亚旅游攻略(马来西亚旅游攻略自由行攻略)
- 缅甸旅游攻略(缅甸旅游攻略必去景点推荐)
- 《庆余年2》新消息,原班人马,肖战特别出演,这才是最好的安排(庆余年2新消息原班人马)
- 宁夏灵武恐龙化石发现始末(宁夏灵武恐龙化石发现始末)
热门推荐
- 详解Python locals()的陷阱(详解Python locals的陷阱)
- css 翻动效果(CSS实现全屏切换效果的示例代码)
- zabbix5.4监控磁盘可用内存大小(解析Zabbix 5.0磁盘自动发现和读写监控的问题)
- thinkphp继承model如何使用(Thinkphp5.0 框架使用模型Model添加、更新、删除数据操作详解)
- dedecms导入doc插件(DEDECMS教程之静态模板类类文件)
- dedecms自定义字段(详解怎么样让DEDECMS的list标签支持weight排序的方法)
- js网页截图(JS如何实现页面截屏功能实例代码)
- 去除网页滚动条
- Linq中的TakeWhile和SkipWhile
- 香港服务器有哪些优势呢(浅谈香港服务器与香港云主机的区别)