HTML5 的新的表單屬性

2021-09-02 18:22:47 字數 1570 閱讀 9577

1 新的 form 屬性:

autocomplete

autocomplete 屬性

autocomplete 屬性規定 form 或 input 域應該擁有自動完成功能。

注釋:autocomplete 適用於

2 新的 input 屬性:

2.1 autofocus:屬性規定在頁面載入時,域自動地獲得焦點,適用於所有 標籤的型別

user name:

2.2注釋:form 屬性適用於所有 標籤的型別。 form 屬性必須引用所屬表單的 id:

last name:

2.3

list 屬性

list 屬性規定輸入域的 datalist。datalist 是輸入域的選項列表。

注釋:list 屬性適用於以下型別的 標籤:text, search, url, telephone, email, date pickers, number, range 以及 color。

webpage:

2.4

pattern 屬性

pattern 屬性規定用於驗證 input 域的模式(pattern)。 模式(pattern) 是正規表示式。

注釋:pattern 屬性適用於以下型別的 標籤:text, search, url, telephone, email 以及 password。

country code:

2.5

placeholder 屬性:預設值

placeholder 屬性提供一種提示(hint),描述輸入域所期待的值。

注釋:placeholder 屬性適用於以下型別的 標籤:text, search, url, telephone, email 以及 password。

2.6

required 屬性

required 屬性規定必須在提交之前填寫輸入域(不能為空)。

注釋:required 屬性適用於以下型別的 標籤:text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。

name:

3 html5 中的新標籤。

3.1 定義縮寫。 滑鼠移到 prc 就會有abbr的提示

the prc was founded in 1949.

3.2 bdo 元素可覆蓋預設的文字方向。 rtl左到右,rtl 右到左

here is some text:顯示here is some hebrew text

here is some text:顯示here is some hebrew text

HTML5的新的表單屬性

新的form屬性 l autocomplete l novalidate 新的input屬性 l autocomplete l autofocus l form l form overrides formaction,formenctype,formmethod,formnovalidate,for...

HTML5 智慧型form表單新屬性

xhtml中需要放在form之中的諸如inpu button select textarea等標籤元素,在html5中完全可以放在頁面任何位置,然後通過新增的form屬性指向元素所屬表單的id值,即可關聯起來。html5中確實新增了不少的新的屬性,給我們省去了好大的功夫去判斷。智慧型表單使用與規範 ...

HTML5表單屬性

1.6.input的formenctype屬性 用於表單提交到伺服器的資料編碼 只對form表單中method post 表單 該屬性會覆蓋form元素的enctype屬性。7 input formmethod屬性,定義了表單的提交方式,覆蓋了form元素的method屬性 8 input form...