html5中新增兩個表單屬性，分別autocomplete和novalidate屬性
1.autocomplete屬性
該屬性用於控制自動完成功能的開啟和關閉。可以設置表單或者input元素，有兩個屬性值，當設置為on時，啟動該功能；當設置off時，關閉該功能。啟用該功能后，當用戶在自動完成域開始輸入時，瀏覽器就會在該域中顯示填寫的選項。用戶每提交一次，就會增加一個用於選擇的選項
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <form action="#" method="get" autocomplete="on"> 請輸入：<input type="text" name="txt" /><br/> <input type="submit" /> </form> </body> </html>
2.novalidate屬性
input輸入類型，當提交表單時，會對這些輸入內容進行驗證。而novalidate屬性則用於在提交表單時不對form或input進行驗證：
<form action="#" method="get" novalidate> E-mail: <input type="email" name="myEmail" /> <input type="submit" /> </form>
新增的input屬性
1.autofocus屬性
autofocus屬性用於自動獲取焦點。在html5中input元素設置該屬性后，當頁面加載時，input元素會自動獲得光標焦點。
<input type="text" name="myTxt" autofocus />
2.form屬性
form屬性用於設置input元素屬於哪個表單。在html4中，表單中的所以元素都必須在這個表單的開始標簽和結束標簽之間，而在html5中，如果要將表單開始和結束標簽之外的元素歸屬到該表單，只需要設置form屬性
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <form action="#" method="get" id="myForm"> 常用地址：<input type="text" name="ftxt" /> <input type="submit" /> </form> 臨時地址：<input type="text" name="ltxt" form="myForm" /> </body> </html>
在設置form屬性時，需要知道表單的id屬性值，並將form屬性的值也設置成表單id的屬性值
3.表單重寫屬性override
override屬性用於重寫表單元素的某些屬性，在html5中，可以重寫的表單屬性有formaction、formmethod、formenctype、formnovalidate和formtarget，這些屬性分別用於重寫表單的action、enctype、method、novalidate和target屬性
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <form action="a.jsp" method="get"> 用戶名：<input type="text" name="fname" /><br /> <input type="submit" value="張三的提交" /><br/> <input type="submit" formaction="b.jsp" value="李四的提交" /> </form> </body> </html>
第一個input元素會將輸入的數據提交a.jsp頁面，而第二個input元素設置formaction屬性，重寫了action屬性，設置提交頁面到b.jsp頁面
4.list屬性：
list屬性用於設置輸入域的datalist元素，為list屬性設置datalist的id屬性值，可以將datalist元素與input元素相關聯：
list屬性適應於以下類型的input元素：text、search、url、telephone、email、date、 pickers、number、range和color；
<!doctype html> <html> <head> <meta charset="utf-8"> <title>6.2.1</title> </head> <body> <input type="url" list="url_list" name="myUrl" /> <datalist id="url_list"> <option label="Microsoft" value="http://www.microsoft.com" /> <option label="Google" value="http://www.google.com" /> <option label="百度" value="http://www.baidu.com" /> </datalist> </body> </html>
5.multiple屬性
multiple屬性用於設置input元素是否可以有多個值。該屬性只適用於email和file類型的input元素。如果給email類型的input元素設置multiple屬性，那么在輸入框中可以輸入多個email地址，多個email地址之間用逗號隔開。
如果給file類型的input元素設置multiple屬性，那么在打開的選擇文件對話框中就可以選擇對個文件
E-mail：<input type="email" name="myEmail" multiple /> File：<input type="file" name="myFile" multiple />
6.pattern正則表達式
正則表達式由一系列字符和數字組成，用於匹配某個句法規則。該屬性適應於text、search、url、telephone、email和password類型的input元素
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <form> <input type="text" name="myName" pattern="[a-zA-Z]\w{5,15}$"> <html>以字母開頭，6-16位</html> <input type="submit" value="提交"> </form> </body> </html>
7.設置input元素在內容為空時的提示信息，placeholder屬性
在頁面中有一個文本輸入框，但是不知道應該輸入什么內容時。
<input type="text" name="myAddress" placeholder="輸入您的常住地址" />
8.提交為空時提醒 required屬性
用戶必須填寫內容才能提交，為空時提交不上
<form> <input type="text" name="myAddress" placeholder="輸入您的常住地址" required /> <input type="submit"/> </form>
