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加载音频和视频的实现代码)
- html5 设置缓存(HTML5实现应用程序缓存Application Cache)
- html5定位地理位置(Html5获取高德地图定位天气的方法)
- html5app开发用什么平台(Html5与App的通讯方式详解)
- ios如何播放html5(Html5移动端适配IphoneX等机型的方法)
- html5中table属性(Html5之自定义属性data-,dataset)
- html5基本结构图(HTML5中的网络存储实现方式)
- html5音频处理(recorder.js 基于Html5录音功能的实现)
- uni app开发教程(uniapp+Html5端实现PC端适配)
- html5video怎么优化(HTML5 video循环播放多个视频的方法步骤)
- html5定位教学(Html5 webview元素定位工具的实现)
- html5+css3动画效果图(纯DOM+CSS3实现简单的小风车动画)
- 微信小程序canvas缩放(微信小程序之html5 canvas绘图并保存到系统相册)
- 用html5的canvas绘制剪裁图像(Html5 canvas画图白板踩坑)
- html5游戏新手引导开发(使用数据结构给女朋友写个Html5走迷宫游戏)
- html5canvas曲线图例子(html5利用canvas实现颜色容差抠图功能)
- 8月再见 9月你好(8月再见)
- 魔兽世界 设计师爆料,原始版本并无PVP,跨阵营属于返璞归真(魔兽世界设计师爆料)
- 吐槽完《弧光大作战》之后,我们和设计师聊了聊魔兽首款手游的立项初衷和未来(吐槽完弧光大作战之后)
- 魔兽争霸3自定义战役少年杰雷 2(魔兽争霸3自定义战役少年杰雷)
- 今日菜价 芥兰涨幅最高 1.33 ,花菜降幅最高 3.10(今日菜价芥兰涨幅最高)
- 今日菜价 椰菜涨幅最高 3.25 ,水空心菜降幅最高 2.58(今日菜价椰菜涨幅最高)
热门推荐
- css垂直居中16个方法(css实现元素垂直居中的常用方法总结)
- linux基础教程磁盘配额的设计(WDCP Linux服务器磁盘爆满的处理方法)
- SQL Server数据库备份的几种方式
- css3动画效果图(css3实现波纹特效、H5实现动态波浪效果)
- sqlserver2012海量数据查询(SQL Server 2012 多表连接查询功能实例代码)
- dockerexec详解(docker中的run/cmd/entrypoint的区别详解)
- dockerrun执行脚本(docker run和start的区别说明)
- python3web编程基础教程(python初学者,用python实现基本的学生管理系统python3代码实例)
- linuxcp命令使用方法(Linux主机快速安装WDCP管理面板的步骤)
- 服务器如何搭建自己的网站(个人搭建网站的服务器选择方法)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9