HTML5新增标签与属性

datalist

<input placeholder="请输入明星" list="star">
    <datalist id="star">
        <option>刘德华</option>
        <option>刘落英</option>
        <option>刘一</option>
        <option>郭富城</option>
        <option>郭郭</option>
    </datalist>

HTML新增input type 类型

<form>
       邮箱 <input type="email"> <br>
       手机 <input type="tel"><br>
       url <input type="url"><br>
       数字 <input type="number"><br>
       搜索 <input type="search"><br>
       区域 <input type="range"><br>
       时间 <input type="date"><br>
       颜色 <input type="color"><br>
       <input type="submit" value="提交">
   </form>

常用

<fieldset>
        <legend>常用</legend>
        <form>
                邮箱 <input type="text" autofocus placeholder="请输入">
              自动记录完成 <input name="auto" type="text" 
                                      required  autocomplete="on" placeholder="请输入"> 
            <input type="submit" value="提交">
        </form>
</fieldset>