H5新增input 表单属性

最新推荐文章于 2022-07-18 16:45:05 发布

一只追求学习的学渣

最新推荐文章于 2022-07-18 16:45:05 发布

阅读量167

点赞数

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

本文链接：https://blog.csdn.net/weixin_44079801/article/details/106968071

版权

HTML5 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>

<body>
    <form action="">
        <ul>
            <li>
                邮箱: <input type="email" />
            </li>
            <li>
                网址: <input type="url" />
            </li>
            <li>
                时间: <input type="date" />
            </li>
            <li>
                数量: <input type="number" />
            </li>
            <li>
                手机号码: <input type="tel" />
            </li>
            <li>
                搜索框: <input type="search" />
            </li>
            <li>
                颜色: <input type="color" />
            </li>
            <li><input type="submit" value="提交"></li>
        </ul>

    </form>
</body>

</html>
<!-- 新增input表单
type="email" 限制用户输入必须为emai类型
type="url"l限制用户输入必须为url类型
type="date"限制用户输入必须为日期类型
type="time"限制用户输入必须为时间类型
type="month"限制用户输入必须为月类型
type="week"限制用户输入必须为周类型
type="number"限制用户输入必须为数字类型
type="tel"限制用户输入必须为手机号码类型
type="search"搜索框
type="color"生成一个颜色选择表单 -->