Html5中關(guān)于表單新增的屬性
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屬性。
這樣做的好處是當(dāng)需要給頁面中的元素添加樣式時可以更方便地添加,因為它們不是被分散在各表單之內(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屬性一樣,目前尚沒有任何瀏覽器支持該屬性。