H5新增表单

新增表单类型如下：

属性值	说明
type=“email”	限制用户输入必须为Email类型
type=“url”	限制用户输入必须为URL类型
type=“date”	限制用户输入必须为日期类型
type=“time”	限制用户输入必须为时间类型
type=“month”	限制用户输入必须为月类型
type=“week”	限制用户输入必须为周类型
type=“number”	限制用户输入必须为数字类型
type=“tel”	手机号码（不限制只能输入数字，因为有些特殊电话会有符号）
type=“search”	搜索框
type=“color”	生成一个颜色选择表单

代码：

 <style>
        ul li {
            line-height: 40px;
        }

        input[type='email']::-webkit-input-placeholder {
            color: pink;
            font-size: 12px;
        }

        input[type*='e'] {
            width: 400px;
        }
    </style>
      <form action="">
        <ul>
            <li>网址:<input type="url"></li>
            <li>邮箱:<input type="email" placeholder="hello world"></li>
            <li>日期:<input type="date"></li>
            <li>时间:<input type="time"></li>
            <li>月份:<input type="month"></li>
            <li>周期:<input type="week"></li>
            <li>数字:<input type="number"></li>
            <li>电话:<input type="tel"></li>
            <li>搜索:<input type="search" autocomplete="on" name="search"></li>
            <li>颜色:<input type="color"></li>
            <input type="file" multiple>
            <li><input type="submit"></li>
        </ul>
    </form>

效果图如下：