本文主要針對HTML5表單新增屬性進行詳細介紹，並附上實例解析，簡單易懂。需要的朋友一起來看吧
1. 表單內元素的form屬性
在H5中可以把form放到頁面的任何地方，然後為該元素指定一個form屬性，屬性值為該表單的id,這樣就可以聲明該元素從屬於指定表單了
2. 表單內元素的formaction屬性
在H4中，表單的提交方式
提交整個表單
#在H5中，可以為表單的每一個屬性新增提交到的jsp頁面
3. 表單內元素的formmethod屬性
#可以對表單的每一個元素指定提交方法
4. 表單內元素的formenctype屬性
#同上，作用與每一個元素，程式碼略
5. 表單的formtarget屬性
同上，作用與每一個元素，程式碼略
6.元素的autofocus屬性
為文字方塊、選擇方塊和按鈕控制項等加上autofocus屬性，當畫面開啟時，將自動獲得焦點。
提交到3页面
一個頁面上只能有一個控制項具有autofocus屬性，不能濫用
7. required屬性
#可以用在大多數輸入用的元素，若輸入的值為空則不允許提交，遊覽器顯示文字訊息提示使用者必須輸入內容。
8. labels屬性
可為表單所有元素新增一個lables屬性，屬性值為一個NodeList對象，代表該元素所綁定的標籤元素所構成的集合。
當使用者不輸入任何值時，按一下驗證，文字方塊旁邊會動態的新增標籤元素，標籤元素為「請輸入姓名」；當用戶在文字方塊中有輸入時，文字為「請輸入姓名」的標籤將會被刪除。
9. 標籤的control屬性
可以在標籤（label）內部放置一個表單元素，並透過該標籤的control屬性來存取該表單元素。
在遊覽器中開啟頁面，點選「設定預設值」按鍵，文字方塊中會顯示231456.
10.文字方塊的placeholder屬性
當文字方塊（text或textarea）處於為選擇狀態時輸入提示訊息(灰色)
##
#11. 文字方塊的list屬性
結合h5新增的datalist元素，製作提示框text:
12. 文本框的autocomplete屬性
autocomplete有三種值"on"、"off"、""（不指定）。不進行指定時，請使用遊覽器的預設值。使用方法如下13. 文字方塊的pattern屬性
相當於直接在html部分用正規表示式判斷值輸入是否符合要求。
請輸入內容： 此段程式碼要求輸入一個數字三個大寫字母，如果輸入不正確，則出現“請與所要求的內容保持一致（Google）”的提示。14. 文字方塊的selectionDirection屬性
針對input的text和textarea元素，當使用者在這兩個元素中用滑鼠選取部分文字時，可以使用此元素來取得選擇方向。15.複選框的indeterminate屬性
對於複選框來說，過去只有選取和與非選取狀態，html5中，可以在js中對該元素使用indeterminate屬性，以說明複選框「尚未明確選取」狀態。indeterminate属性测试
width:指定图片按钮中图片的宽度；
17. textarea元素的maxlength属性与wrap属性
maxlength :使用整数值进行设定，用于限定textarea元素中可输入文字的个数。
wrap:可指定属性值为soft与hard.当属性为hard时，在没有用回车键而是文字超出一排规定范围而自动换行时，提交表单时会在换行处添加一个换行标志。
以上是具體介紹HTML5表單新增屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！
