html5中新增的标签

1、email标签

<input type="email" name="user_email" />

对于不支持type=”email”的浏览器将会以type=”text”来处理。

如果使用IE9测试，则当输入错误的email地址格式并单击“提交”时，会首先访问action所指向的后台服务器

 

2、url类型应用

<input type="url" name="user_url" />

对于不支持type=”url” 的浏览器将会以type=”text”来处理

 

3、number类型的应用

<input type="number" name="number1" min="1" max="20" step="4" />

如果step的间隔设置了4，那么value中必须是4的倍数

属性     值          描述

max    number      规定允许的最大值

min     number     规定允许的最小值

step    number     规定合法的数字间隔

value   number     规定默认值

 

4、range类型的应用

<input type="range"  min="1" max="30" id="range1" />

 

5、日期检出器类型

输出类型            HTML代码                  功能域说明

date            <input type=”date”>             选取日、月、年

month           <input type=”month”>             选取月、年

week            <input type=”week”>             选取周、年

time            <input type=”time”>             选取时间（小时和分钟）

datetime          <input type=”datetime”>           选取时间日、月、年

datetime-local      <input type=”datetime-local”>        选取时间日、月、年（本地时间）

 

6、search类型

<input type=”search” name=”search1” />

 

7、tel类型

<input type=”tel” name=”tel1” />

 

8、color类型

<input type=”color” name=”color1” />