html搜索框滑块和简单验证

 邮箱验证：

<!--邮件验证-->
    <p>邮箱：
        <input type="email" name="email">
    </p>

url验证： 

 <!--URL-->
    <p>url:
        <input type="url" name="url">
    </p>

 数字： 

 <!--数字-->
    <p>商品数量：
        <input type="number" name="num" max="100" min="0" step="1">
    </p>

滑块： 

 <!--滑块
        input type="range"
    -->
    <p>音量滑块：
        <input type="range" name="voice" min="0" max="100" step="2">
    </p>

搜索框： 

 <!--搜索框-->
    <p>搜索框：
        <input type="search" name="search">
    </p>