1.简单验证
<!--邮件验证-->
<p>邮箱:
<input type="email" name="email">
</p>
<!--url验证-->
<p>url:
<input type="url" name="url">
</p>
<!--数字验证-->
<p>商品数量:
<input type="number" name="number" max="100" min="0" step="10">
</p>
2.滑块
<!--滑块 input type="range"
-->
<p>滑块:
<input type="range" name="voice" min="0" max="100" step="2">
</p>
3.搜索框
<!--搜索框-->
<p>搜索:
<input type="search" name="search">
</p>
效果图: