HTML5新增的input類型:

<!-- 需添加form表單域 -->
<form action="">
    <ul>
        <li>信箱 : <input type="email"> </li>
        <li>url : <input type="url"> </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"> </li>
        <li>顏色選擇 : <input type="color"> </li>
        <li>郵箱 : <input type="submit" value="提交"> </li>
    </ul>
</form>

HTML5新增的input類型

HTML5新增的表單標籤:

<form action="">
    <input type="search" name="sas" id="" required="required" 
    placeholder="請填寫搜尋事項" autofocus="autofocus"
    autocomplete="off">
    
    <input type="file" name="" id="" multiple="multiple">
    <input type="submit" value="提交">

    <!-- 
        requied        
        必需在提交之前填寫輸入字段。如果使用該屬性，此字段是必填的。
        
        placeholder     表單的提示信息
        autofocus       自動聚焦屬性

        autocomplete    
        當使用者開始輸入時是否顯示出之前填寫過的值(莫認為on) off為關閉

        multiple        可以多選文件提交
     -->
</form>

HTML5新增表單標籤 code pen