前端学习【01】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>