简单验证、滑块、搜索框
![](https://i-blog.csdnimg.cn/blog_migrate/e2cdf8cab35d1c88aa648b766f9a948e.png)
上为显示效果下为代码
<form method="get" action="result.html">
<!--邮箱验证-->
<p>邮箱:
<input type="email" name="email">
</p>
<!--网址验证-->
<p>url:
<input type="url" name="url">
</p>
<!--数字验证
max:数字框内最大数
min:数字框内最小数
step:步长,一次增减的量
-->
<p>数字:
<input type="num" name="num" max="100" min="0" step="10">
</p>
<!--滑块
最常见的是音量条,step用来控制一次滑动调节的量-->
<p>音量:
<input type="range" name="voice" max="100" min="0" step="2">
</p>
<!--搜索-->
<p>搜索:
<input type="search" name="search"></p>
</form>