Html5中關(guān)于表單新增的屬性

• 1

  、form屬性

在html4中

，表單內(nèi)的從屬元素必須書寫在表單內(nèi)部，但是在html5中，可以把它們書寫在頁面上任何地方，然后給該元素指定一個(gè)form屬性，屬性值為該表單的id，這樣就可以聲明該元素從屬于指定表單了。Form屬性的使用實(shí)例如代碼1

代碼1：

<form id=”testform”>

<input type=”text”>

</form>

<textarea form=”testform”></textarea>

Input元素從屬于foo表單

，它被書寫在表單內(nèi)部，用不著再對(duì)它指定form屬性。Textarea元素被書寫在foo表單之外，但它從屬于foo表單，所以將foo表單的id指定給textarea元素的form屬性。

這樣做的好處是當(dāng)需要給頁面中的元素添加樣式時(shí)可以更方便地添加

，因?yàn)樗鼈儾皇潜环稚⒃诟鞅韱沃畠?nèi)的了。

到目前為止只有opera10瀏覽器支持這一屬性。

• 2

  、formaction屬性

在html4中

，一個(gè)表單內(nèi)的所有元素都只能通過表單的action屬性統(tǒng)一提交到另一個(gè)頁面，而在html5中可以給所有的提交按鈕都增加不同的formaction屬性，使得點(diǎn)擊不同的按鈕，可以將表單提交到不同的頁面，formaction屬性的使用方法如代碼2

代碼2：

<form id=”testform” action=”message.aspx”>

<input type=”submit” name=”a1” value=”a1” formaction=”s1.aspx”>提交到s1

<input type=”submit” name=”a2” value=”a2” formaction=”s2.aspx”>提交到s1

<input type=”submit” name=”a3” value=”a3” formaction=”s3.aspx”>提交到s1

</form>

目前尚沒有瀏覽器支持這一屬性

。

• 3

  、formmethod屬性

在html4中，一個(gè)表單內(nèi)只有一個(gè)action屬性來對(duì)表單內(nèi)所有元素統(tǒng)一指定提交頁面