DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5教程 >> HTML5表單新增元素與屬性
HTML5表單新增元素與屬性
編輯:HTML5教程     

form屬性

  在html4中,表單的從屬元素必須寫在表單內部,而在HTML5中,可以把他們書寫在任何地方,然後為該元素指定一個form屬性,屬性值為該表單的id,這樣就可以聲明該元素從屬於指定表單了

formaction屬性

  在HTML4中,一個表單內的所有元素只能通過表單的action屬性被統一提交到另一個頁面,而在HTML5中可以為所有的提交按鈕增加不同的formaction屬性,使單擊不同的按鈕是可以將表單提交到不同的頁面。

formmethod屬性

  在HTML4中,一個表單內的所有元素只能有一個action屬性用來對表單內所有元素統一提交到另一個指定頁面,,所有每個表單內頁只有一個method屬性來統一指定提交方法。在HTML5中,可以使用formmethod屬性來對每一個表單元素分別指定不同的提交方法。

formenctype屬性

  在HTML4中,表單元素具有一個enctype屬性,該屬性指定表單發送服務器之前應該如何對表單內的數據進行編碼。在HTML5中,可以使用formenctype屬性對表單元素分別指定不同的編碼方式。

formtarget屬性

  在HTML4中,表單元素具有一個target屬性,該屬性用於指定在何處打開表單提交後所需要加載的頁面。 在HTML5中,可以對多個提交按鈕分別使用formtarget屬性來指定提交後在何處打開所需加載的頁面。

autofocus屬性

  為文本框、選擇框或按鈕控件加上autofocus屬性,當畫面打開時,該控件自動獲得光標焦點

required屬性

  HTML5中新增的required屬性可以應用在大多數輸入元素上,在提交時,如果元素內容為空白時,則不允許提交,同時在浏覽器中顯示信息提示文字。required="required";

labels屬性

  在HTML5中,為所有可使用標簽的表單元素、button、select元素等,定義一個lables屬性,屬性值為一個NodeList對象,代表該元素所綁定的標簽元素所構成的集合。

control屬性

  在HTML5中,可以在標簽內部放置一個表單元素,並且通過該標簽的control屬性來訪問該表單內元素。

placeholder屬性

  placeholder是指當文本框處於未輸入狀態時顯示的輸入提示。當文本框處於未輸入狀態且未獲取光標焦點時,模糊顯示提示文字。

datalist元素

  datalist元素是HTML5中新增的元素,該元素類似於選擇框,但是當用戶想要設定的值不在選擇列表之內時,允許自行輸入。datalist元素本身並不顯示,而是當文本框獲得焦點時以提示輸入的方式顯示。

list屬性

  在HTML5中,為單行文本框增加了一個list屬性,該屬性的值為某個datalist元素的id。

<form>
    <input type="text" name="greeting" list="greetings">
    <datalist id="greetings" style="display: none">
        <option value="111">111</option>
        <option value="222">222</option>
        <option value="333">333</option>
    </datalist>
</form>

autocomplete屬性

  幫助所用的自動完成功能,是一個既節省輸入時間又十分方便的功能。在HTML5之前,因為誰都可以看見輸入的值,所以在安全方面存在缺陷,只要使用autocomplete屬性,安全方面也可以得到很好的控制。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved