0054 html5新增 input 标签：number、tel、search、email、url、date、time、month、week、color

在这里插入图片描述

我的demo
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <form action="">
        <ul>
            <li>
                邮箱：<input type="email">
            </li>
            <li>
                数字：<input type="number">
            </li>
            <li>
                电话：<input type="tel">
            </li>
            <li>
                搜索：<input type="search">
            </li>
            <li>
                日期：<input type="date">
            </li>
            <li>
                时间：<input type="time">
            </li>
            <li>
                week：<input type="week">
            </li>
            <li>
                月份：<input type="month">
            </li>
            <li>
                color：<input type="color">
            </li>
            <li>
                url：<input type="url">
            </li>

            <li><input type="submit"></li>

        </ul>
    </form>
</body>

</html>

在这里插入图片描述

移动端的截图：

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

posted on 2019-12-31 19:44  冲啊！  阅读(281)  评论(0)  编辑  收藏  举报

导航