HTML5實例教程-網頁表單Form標簽的屬性

2020-03-24 19:20:13

字體：大中小

來源：轉載

供稿：網友

在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= phpstudycom datalist id= phpstudycom >為了避免在不支持該元素的瀏覽器中錯誤的顯示，用CSS等設定它為不顯示。7.auotcomplete屬性輔助輸入所用的自動完成功能，節省輸入時間,同時也十分方便的功能。對于auotcomplete屬性，可以指定 on 、 off 、 (不指定)這三種值。 input type= text autocomplete= on list= phpstudycom html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：使用HTML5 Canvas繪制圓角矩形及相關的一些應用舉

下一篇：HTML下拉菜單代碼