HTML13（邮箱验证、URL、数字框、滑块、搜索框）

悬梁锥刺股

于 2021-06-06 14:54:16 发布

阅读量186

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML5 文章标签： html

本文链接：https://blog.csdn.net/qq_51224492/article/details/117627070

15 篇文章

订阅专栏

本文展示了HTML5中用于邮箱、URL、数字、滑块及搜索框的验证代码示例，包括邮箱输入类型、URL输入类型、数字输入限制及滑块和搜索框的使用，为前端表单数据验证提供基础指南。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码示例：

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

测试访问：
在这里插入图片描述

URL

代码示例：

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

测试访问：
在这里插入图片描述

代码示例：

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

测试访问：
在这里插入图片描述

代码示例：

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

测试访问：
在这里插入图片描述

代码示例：

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

测试访问：
在这里插入图片描述