Html5中關于表單新增的屬性

• 1、form屬性

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

代碼1：

<form id=”testform”>

<input type=”text”>

</form>

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

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

這樣做的好處是當需要給頁面中的元素添加樣式時可以更方便地添加，因為它們不是被分散在各表單之內(nèi)的了。

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

• 2、formaction屬性

在html4中，一個表單內(nèi)的所有元素都只能通過表單的action屬性統(tǒng)一提交到另一個頁面，而在html5中可以給所有的提交按鈕都增加不同的formaction屬性，使得點擊不同的按鈕，可以將表單提交到不同的頁面，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中，一個表單內(nèi)只有一個action屬性來對表單內(nèi)所有元素統(tǒng)一指定提交頁面，所以每個表單內(nèi)也只有一個method屬性來指統(tǒng)一指定不同的提交頁面，同時也可以使用formmethod屬性來對每個表單元素分別指定不同的提交方法，formmethod屬性的使用方法如代碼3

代碼3：

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

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

<input type=”submit” name=”s2” value=”v2” formaction=”s2.aspx” formmethod=”post”>提交到s2

<input type=”submit”>

</form>

同formaction屬性一樣，目前尚沒有任何瀏覽器支持該屬性。