1.autofocus屬性：自動獲得焦點

<form action="" method="post">
            <h6>autofocus屬性:自動獲得焦點</h6>
            <input type="text" name="" id="keyword"  autofocus value="" />
            <input type="submit" value="搜尋"/>
        </form>

2.pattern屬性：表單正則表示式校驗

<form action
 
="doAction2.php" method="post">
            <label>使用者名稱：</label>
            <input type="text" novalidate name="username" id="keyword"  placeholder="必須是字母且長度為6-10位之間" 
                pattern="^[a-zA-Z]{6,10}" value="" />
            <input type="submit" value="註冊"/>
        </
 
form>

3.

<form action="doAction2.php" method="post">
            <textarea name="desc" wrap="soft" maxlength="5"></textarea>
            <input type="submit" value="提交"/>
        </form>

4.datalist元素和list屬性

<form action="doAction2.php" method="post">
            <
 
label>請選擇你喜歡程式語言：</label>
            <input type="" list="la" name="la" id="" value="" /><span>datalist</span>
            <datalist id="la">
                <option>html</option>
                <option>java</option>
                <option>php</option>
                <option>javascript</option>
                <option>html</option>
                <option>htm2</option>
                <option>php</option>
                <option>javascript</option>
                            
            </datalist>
            <input type="submit" value="提交"/>
        </form>

<form action="doAction2.php" method="post">
            <input type="color" class="text" name="color" list="colors"/>
            <input type="color" class="text" name="color" list=""/>
            <datalist id="colors">
                <option value="#ff0000"></option>
                <option value="#00ff00"></option>
                <option value="#0000ff"></option>
                <option value="#abcdef"></option>
                <option value="#ffffff"></option>
            </datalist>
            <input type="submit" value="提交"/>
        </form>