1、form屬性

表單內的從屬元素，可以寫在表單外部。可以通過指定元素的form屬性來宣告元素所屬表單。form的屬性值為表單的id。

1 <form id="testForm">
2     <input type="text">
3 </form>
4 <textarea form="testForm"></textarea>

 詳細學習內容可參看：HTML5新增的form屬性簡介

2、formaction屬性

給所有的提交按鈕增加formaction屬性，可以通過不同的按鈕將表單提交到不同的頁面。

1 <form id="testForm" action="serve.jsp">
2     <input type="submit" name="s1" value="v1" formaciton="s1.jsp">提交到s1
3     <input type="submit" name="s2" value="v2" formaciton="s2.jsp">提交到s2
4     <input type="submit">
5 </form>
 

瀏覽器支援：Internet Explorer 10, Firefox, Opera, Chrome, 和 Safari 支援 formaction 屬性。

3、formmethod屬性

formmethod 屬性定義傳送表單資料到 action URL 的 HTTP 方法。

<form id="testForm" action="serve.jsp">
    <input type="submit" name="s1" value="v1" formaciton="s1.jsp" formmethod="post">提交到s1
    <input type="submit" name="s2" value="v2" formaciton="s2.jsp" formmethod="get">提交到s2
</form>
 

4、placeholder屬性

用於未輸入文字框顯示輸入提示。

1 <input type="text" placeholder="請輸入使用者名稱">

5、autofocus屬性

給文字框、選擇框或者按鈕新增autofocus屬性，可在頁面開啟時自動獲得游標焦點。一個頁面上只能有一個具有autofocus屬性的控制元件。

1 <input type="text" autoforcus>

瀏覽器支援：Internet Explorer 10、Firefox、Opera、Chrome 和 Safari 支援 autofocus 屬性。

6、list屬性

為單行文字框特有屬性，配合datalist標籤使用。屬性值為datalist標籤的id。

1 text：<input type="text" list="testList">
2 <datalist id="testList" style="display:none;">
3     <option value="Good Morning">Good Morning</option>
4     <option value="Hello">Hello</option>
5     <option value="Good Afternoon">Good Afternoon</option>
6 </datalist>

瀏覽器支援：Internet Explorer 10、Firefox、Opera 和 Chrome 支援 list 屬性。

7、autocomplete屬性

規定輸入欄位是否應該啟用自動完成功能。自動完成允許瀏覽器預測對欄位的輸入。當用戶在欄位開始鍵入時，瀏覽器基於之前鍵入過的值，應該顯示出在欄位中填寫的選項。

text：<input type="text" name="textInput" list="testList" placeholder="輸入一句英文問候語" autocomplete="on">
<datalist id="testList" style="display:none;">
    <option value="Good Morning">Good Morning</option>
    <option value="Hello">Hello</option>
    <option value="Good Afternoon">Good Afternoon</option>
</datalist>

詳細學習內容可參看：HTML5 autocomplete屬性、表單自動完成

8、input的新增type屬性種類

詳細學習內容可參看：HTML <input> type 屬性