标签：浏览器 支持 选择 HTML5 类型 input 生日 type

1.type="color" 调色板

支持浏览器：

 

 

 

 

选择你喜欢的颜色: <input id="inputcolor" type="color" name="favcolor">

 

2.type=“date”时间类型

支持浏览器：

生日: <input type="date" name="bday">

 

 

3.type="datetime" 时间类型

支持浏览器：

 

 

生日 (日期和时间): <input type="datetime" name="bdaytime">

4.type="datetime-local" 定义日期+时间

支持浏览器:

 生日 (日期和时间): <input type="datetime-local" name="bdaytime">

 5.type="email" 定义email输入框

支持浏览器：

 

 

E-mail: <input type="email" name="usremail">

 

6.type="month" 选择月份

支持浏览器：

 

 

生日 (月和年): <input type="month" name="bdaymonth">

 

 

7.type="number' 数字框

支持浏览器：

 

 

数量 ( 1 到 5 之间 ): <input type="number" name="quantity" min="1" max="5">

 

 

 

8.type=“range” 数字区域选择

支持浏览器：

 

 

Points: <input type="range" name="points" min="1" max="10">

 

 9.type="search" 用于搜索，具体干啥不知道

支持浏览器：

 

 

Search Google: <input type="search" name="googlesearch"><br>

 

 10.type=“tel” 电话号码 

支持浏览器：

 

都不支持，不知道为啥出这个类型

电话号码: <input type="tel" name="usrtel">

11.type=“time” 时间类型

支持浏览器：

 

 

选择时间: <input type="time" name="usr_time">

 

 12.type=“url” url地址类型

支持浏览器：

 

 

添加你的主页: <input type="url" name="homepage"><br>

 

 

13.type="week" 选择周类型

支持浏览器：

 

 

选择周: <input type="week" name="year_week">

 

标签：浏览器,支持,选择,HTML5,类型,input,生日,type
来源： https://www.cnblogs.com/daimaxuejia/p/12453858.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。