html-简单验证、滑块、搜索框

一、简单验证

<!-- 邮件验证   -->
    <p> 邮箱:
        <input type="email" name="email">
    </p>
    <!-- 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>

https://www.bilibili.com/video/BV1x4411V75C?p=16&spm_id_from=pageDriver