武林網(www.vevb.com)文章簡介:在HTML5中,吸納了Web Forms 2.0的標準,大幅度強化了針對錶單元素的功能,使得關於表單的開發更快、更方便。
在HTML5中,吸納了Web Forms 2.0的標準,大幅度強化了針對錶單元素的功能,使得關於表單的開發更快、更方便。
1.form屬性在HTML5中,可以把表單從屬元素寫在頁面任何地方,然後給元素指定一個form屬性,屬性值為表單的id,這樣就可以聲明該元素從屬於指定表單。
<form id=test><input type=text></form><textarea form=test></textarea>2.formaction屬性在HTML5中,可以給所有的提交按鈕增加不同的formaction屬性,點擊不同的按鈕,將不同的表單提交到不同的頁面。
<input type=submit formaction=a.php><input type=submit formaction=b.php>3.fommethod屬性在HTML5中,可以使用formaction屬性來對每個表單元素分別指定不同的提交頁面,同時也可以使用formmethod屬性來對每個表單元素分別指定不同的提交方法。
<input type=submit formaction=a.php formmethod=post><input type=submit formaction=a.php formmethod=get>4.placeholder屬性placeholder是指文本框或處於未輸入狀態並且未獲得光標焦點時,降低顯示輸入提示文字不透明度,具體實例如本站網絡基地搜索框效果。
<input type=text placeholder=點擊這裡搜索>5.autofocus屬性給文本框、選擇框或按鈕控件自動獲得光標焦點。
<input type=text autofocus>6.list屬性在HTML5中,為單行文本框增加一個list屬性,該屬性的值為某個datalist元素的id。 datalist元素類似於選擇框(select),該元素本身並不顯示,而是文本框獲得焦點時以提示輸入的方式顯示。
<input type=text list=webjxcom><datalist id=webjxcom style=display:none;> <option>HTML</option> <option>CSS</option> <option>JavaScript</option></datalist>為了避免在不支持該元素的瀏覽器中錯誤的顯示,用CSS等設定它為不顯示。
7.auotcomplete屬性輔助輸入所用的自動完成功能,節省輸入時間,同時也十分方便的功能。對於auotcomplete屬性,可以指定on、off、(不指定)這三種值。
<input type=text autocomplete=on list=webjxcom>