您的位置:时时app平台注册网站 > web前端 > input下的type

input下的type

2019-11-14 20:56

图片 1

1、email:电子邮箱文本框,跟普通的没什么区别

 

8、datetime:显示完成天期

H5中新扩大的表单属性:autofocus(得到宗旨卡塔 尔(英语:State of Qatar)、placeholder(给出提醒新闻卡塔 尔(阿拉伯语:قطر‎、list(相似下拉列表卡塔 尔(英语:State of Qatar)、autocomplete(有记录的话会活动现身记录音信卡塔 尔(阿拉伯语:قطر‎input成分:color(颜色选拔器)date(日期选拔器卡塔 尔(英语:State of Qatar) time(时间选取器卡塔 尔(英语:State of Qatar)datetime-local(本地时间日期选取器卡塔 尔(英语:State of Qatar) week(周卡塔尔 month(月卡塔 尔(英语:State of Qatar)email(E-mail输入框卡塔尔 url(U路虎极光L输入框卡塔尔 tel(只可以输入电话号码的输入框)range(拖动条卡塔 尔(英语:State of Qatar) search(找出关键字的文本框卡塔尔 number(数值输入框卡塔 尔(阿拉伯语:قطر‎实验了弹指间,Computer上的IE浏览器基本特殊的都不协理。火狐浏览器color date email number都能扶植。下边是效果图:

13、month:显示月

 1 <form action="http://www.baidu.com" method="post"  autocomplete="on" style="width: 300px;padding:20px 20px;">
 2         <fieldset name="basic">
 3             <legend>基本信息</legend>
 4             用户名:<input type="text" name="name" id="username" autofocus placeholder="请输入用户名" /><p>
 5             密码:<input type="password" name="password" id="password" placeholder="请输入密码"  autocomplete="off" /><p>
 6             血型:<input type="text" name="xuexing" list="xx"/><p>
 7             出生年月:<input type="date" name="birthday"/><p>
 8             邮箱:<input type="email" name="email"/><p>
 9             喜欢的颜色:<input type="color" name="color"/><p>
10             今天是第几周:<input type="week" name="week"/><p>
11             今天是第几月:<input type="month" name="month"/><p>
12             最喜欢的数字:<input type="number" name="number" max="9" min="0" step="1" /><p>
13             <input type="submit" name="ok" id="ok" value="提交">&nbsp;&nbsp;&nbsp;
14             <input type="reset" name="reset" id="reset" value="重置">
15         </fieldset>
16         <datalist id="xx">
17             <option value="A">A</option>
18             <option value="B">B</option>
19             <option value="AB">AB</option>
20             <option value="O">O</option>
21             <option value="T">特殊血型</option>
22         </datalist>
23     </form>

9、datetime-local:展现完全日期,不含时区

3、url:网页的URL

当输入不是邮箱的时候,验证通不过

11、date:突显日期

7、color:颜色选拔器

5、range:特定范围内的数值选拔器

10、time:突显时间,不含时区

挪动端的键盘会有转移

2、tel:电话号码

4、search:找出引擎

12、week:显示周

6、number:只好分包数字的输入框

本文由时时app平台注册网站发布于web前端,转载请注明出处:input下的type

关键词: