码迷,mamicode.com
首页 > Web开发 > 详细

html5-新元素

时间:2016-09-12 15:46:21      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:

1.url:

 <input type="url"/>

技术分享

2.搜索框 :search

 <input type="search"/>

3.电话号码输入框:tel

 <input type="tel"/>

4.数值输入框:number

 <input type="number" step="0.1" min="0" max="100"/>

5.滑动条:range

<input type="range" min="0" max="100" value="10">

 6:日期控件:date

<input type="date" value="2016-01-04">

7:时间控件:time

<input type="time" value="13:12">

<input type="time" value="13:12:45">

 8:日期时间控件:datetime-local

<input type="datetime-local" value="2016-12-14T13:12:12">

9:月控件:month

<input type="month" value="2016-9">

10:周控件

<input type="week" value="2016-W03">

11:颜色选择器:color

<input type="color" value="#2D9900">

 12:输入框输入提示<datalist>

<input id="site" list="siteID">

<datalist id="siteID">

       <option value="baidu1" label="baidu1">

       <option value="baidu2" label="baidu2">

       <option value="baidu3" label="baidu3">

       <option value="baidu4" label="baidu4">

</datalist>     

 

13:进度条 progress

<progress value="0.25" max="100">25%</progress>

 

14:计量条 :meter

<meter value="50" min="10" max="70" low="30" high="60">

 15:页面可编辑 contenteditable="true"

     <div style="width:240px;height:100px;contenteditable="true">你可以编辑这段文本</div> 

 

 

 

 

 

 

 

 

 

html5-新元素

标签:

原文地址:http://www.cnblogs.com/shenlaiyaoshi/p/5864803.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!