关于html5<input>标签新属性的应用

大家知道在做登录或注册页面的时候  必不可少的用到了input 这个标签一般都是

<input type="text" name="username" value="" />

写邮箱的时候

<input type="text" name="email" value="" />

写数字的时候

<input type="text" name="number" value="" />

不可避免的就是你在做提交的个上 你还是要去做一个js判断是否为空，现在html5已经在基础上补充了这写属性

邮箱的话

<input type="email" name="username" value="" />

提交的时候浏览器会判断你写入的格式是不是email格式的是否有@和.com

还有number格式能上下拉选数字

<input type="number" name="number" value="" />

最强大的还是加入的日期格式

<pre name="code" class="html"><input type="time month" value="一个月" />

<input type="data time" value="日期时间" /><span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">//日历格式</span>

<input type="data picrers" value="一个周" />//选择一个周

<input type="output" value="计算器" />

<input type="search" value="搜索" />//测试了下，我最新的谷歌浏览器不支持

<input type="datalist" value="下拉" >
<option>选项1</option>
<option>选项2</option>
</input>

说了这么多，总结一下吧，一般最新版本的谷歌，火狐 一般都是支持的，不支持的去我的上一篇博客有插件网址，安装上就支持了。html5更加人性化，是一个未来的趋势