注意注意！ html5新增的input类型大总结

文章背景

​ 1.在其他版本的HTML中，表单包含的元素非常有限，并且属性也不多，尤其是在数据交互过程中数据的验证需要编写大量的JavaScript代码

​ 2.以上的不足都已经在html5中被克服，HTML5在以上的基础上增加了许多标签和属性，为开发人员带来了极大的方便

电子邮件类型< input type=“email” />

功能就是输入E-mail地址的文本框

注意：输入的内容中必须包含“@”,"@"后面必须具有内容

代码示例：

< body>

​ < form action="">

​ < p>

​ 邮箱:< input type="email"/>

​ < /p>

​ < p>

​ < input type="submit" />

​ < input type="reset" />

​ < /p>

​ < /fprm>

< /body>

图例为：

搜索类型< input type=“search” />

功能就是输入搜索关键字的文本框

代码示例：

< body>

​ < form action="">

​ < p>

​ 邮箱:< input type="email"/>

​ < /p>

​ < p>

​ 搜索：< input type=“search” />`

​ < /p>

​ < p>

​ < input type="submit" />

​ < input type="reset" />

​ < /p>

​ < /fprm>

< /body>

图例为：

<