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  冲啊!  阅读(277)  评论(0编辑  收藏  举报

导航