新增Input的type值

HTML5新增的input的type值表格

注意：以下示例可能因为浏览器可能不支持新的type值的原因，有些值是无效的，但是它们会仍然按默认的效果显示

color

代码示例：

<input type="color"/>

效果：

date

代码示例：

<input type="date"/>

效果：

datetime

代码示例：

<input type="datetime"/>

效果：

datetime-local

代码示例：

<input type="datetime-local"/>

email

代码示例：

<form>
	<input type="email"/>
	<input type="submit" value="验证email"/>
</form>

效果：

month

代码示例：

<input type="month"/>

效果：

number

代码示例：

<input type="number"/>

效果：

range

代码示例：

<input type="range"/>

效果：

search

代码示例：

<input type="search"/>

效果：

tel

代码示例：

<form>
	<input type="tel"/>
	<input type="submit" value="验证tel"/>
</form>

效果：

time

代码示例：

<input type="time"/>

效果：

url

代码示例：

<form>
	<input type="url"/>
	<input type="submit" value="验证url"/>
</form>

效果：

week

代码示例：

<input type="week"/>

效果：