您的位置:首页 > Web前端 > HTML5

HTML5中新的input类型

2016-06-14 11:06 357 查看
1.color用在input字段,主要用于选取颜色

<input type="color" name="favcolor">


2.date允许从一个日期选择器选择一个日期

<input type="date" name="bday">


3.datetime允许选择一个日期(UCT时间)

<input type="datetime" name="bdaytime">


4.datetime-local选择一个日期和时间(无时区)

<input type="datetime-local" name="bdaytime">


5.email

在提交表单时,会自动验证email域的值是否合法

<input type="email" name="usremail">


6.month允许选择一个月份

<input type="month" name="bdaymonth">


7.number 用于应该包含数值的输入域,还可以设定数值的范围

step:规定合法的数字间隔

value:规定的默认值

<input type="number" name="quantity" min="1" max="5">


8.range包含一定范围内数字值的输入域

range类型显示为滑动条



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


9.search用于搜索域

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


10.tel定义输入电话号码的字段

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


11.time 允许选择一个时间

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


12.url 包含url地址的输入域,提交表单时,会自动验证url域的值

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


13.week 允许选择周和年

选择周: <input type="week" name="year_week">
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html5 input类型