email输入类型   <input type="email" name="email">

此类型要求输入格式正确的Email地址，否则浏览器是不允许提交的，并会有一个错误信息提示，此类型在opea中必须指定name值，否则无效。



URL输入类型   <input type="url" name="url">

上面代码展示的文本域要求输入格式正确的URL地址，开始处添加http：//



日期时间相关输入类型

<input type="date" name="date">    <input type="time" name="time">

<input type="month" name="month">   <inpue type="week" name="week">



number输入类型  <input type="number" name="number">

上面代码展示的文本域要求输入格式正确的数字



search输入类型  <input type="tel" name="tel">

此类型要求输入一个电话号码



color输入类型   <input type="color" name="color">

此类型可让用户通过颜色选择器选择一个颜色值，并反馈到value中
---------------------
【转载】仅作分享，侵删
作者：elsyy良师益友
原文：https://blog.csdn.net/qq_32609883/article/details/49755633