[HTML]14.搜索框滑块和简单验证

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>

效果图：