HTML5新增input表单类型

---

一、HTML5新增的input类型

这里简单的总结一下几种新增类型

属性值	说明
type=“email”	限制用户输入必须为Email类型
type=“url”	限制用户输入必须为URL类型
type=“date”	限制用户输入必须为日期类型
type=“time”	限制用户输入必须为时间类型
type=“month”	限制用户输入必须为月类型
type=“week”	限制用户输入必须为周类型
type=“number”	限制用户输入必须为数字类型
type=“tel”	手机号码
type=“search”	搜索框
type=“color”	生成一个颜色选择表单

二、新增类型简单介绍

邮箱表单：

<form action="#" method="post">
		<ul>
			<li>邮箱：<input type="email"></li>
			<li><input type="submit" value="提交"></li>
		</ul>
</form>

浏览器展示界面：

当输入正确时，按提交按钮表单是不会提示出错的，但是但输入的邮箱不符合邮箱的书写规范时就会报错

网址表单：

<form action="#" method="post">
		<ul>
		//正确网址格式：<协议>://<服务器名称>.<域名>/<目录>/<文件名>
			<li>网址：<input type="url"></li>
			<li><input type="submit" value="提交"></li>
		</ul>
</form>

浏览器展示界面：

写入正确的网址不会报错，写的网址格式错误则提示书写错误

日期表单：

<form action="#" method="post">
		<ul>
			<li