DIV CSS 佈局教程網

在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="poluoluocom">
<datalist id="poluoluocom" 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="poluoluocom">