15.各种验证 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>各种验证</title>
</head>
<body>
    <form>
        <!--邮箱验证-->
        <p>
            <input type="email" name="email">

        </p>
        <!--URL-->
        <p>
            <input type="url" name="url">
        </p>
        <!--数字-->
        <p>
            <input type="number" name="number" max="100" min="0" step="10">
        </p>
        <!--滑块-->
        <p>
            <input type="range" name="voice" min="0" max="100" step="2">
        </p>
        <!--搜索框-->
        <p>
            <input type="search" name="search">
        </p>
        <input type="submit">
        <input type="reset">
    </form>
</body>
</html>
posted @ 2024-12-27 16:29  一骑绝晨  阅读(5)  评论(0)    收藏  举报