表单标签

最新推荐文章于 2022-07-12 19:19:28 发布

weixin_42834788

最新推荐文章于 2022-07-12 19:19:28 发布

阅读量84

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/weixin_42834788/article/details/96366173

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

这类标签有自己固定的格式，不符合输入格式的输入不会被识别，应该严格按照标签的要求来进行输入，有该要求得标签列举了如下几个，详细代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>32-表单标签-H5</title>
</head>
<body>
<form>
    <!--
    可以自动校验输入的内容是否符合邮箱的格式
    -->
    邮箱:<input type="email"><br>
    <!--
    可以自动校验输入的内容是否是URL地址
    -->
    域名:<input type="url"><br>
    <!--
    输入框中只能输入数字
    -->
    电话:<input type="number"><br>
    <!--
    可以通过日历来选择时间
    -->
    时间:<input type="date"><br>

    <!--
    可以通过取色板来选择颜色
    -->
    颜色: <input type="color"><br>

    <input type="submit">
</form>
</body>
</html>