摘要:注意約束驗證不支持表單中的元素若想基于表單的驗證結(jié)果來改變按鈕的樣式,可以使用偽類。約束驗證的語法下列語法中的條目用于為表單數(shù)據(jù)指定約束。這些特性指定了當(dāng)表單提交時不做驗證。在表單相關(guān)元素上屬性,如果元素的約束沒有被符合則值為。
相對于 HTML4 來說,HTML5中的元素與特性提供更大程度上的語義標(biāo)記,同時還刪除了大量在 HTML4 中因為腳本與樣式緣故而存在的冗余元素。通過讓表單在不同網(wǎng)站上表現(xiàn)的更加一致,及時響應(yīng)用戶輸入的數(shù)據(jù),HTML5的表單特性為用戶提供了更好的使用體驗。這些體驗同樣適用于那些禁用了瀏覽器腳本的用戶。
這個話題會描述那些被 Gecko/Firefox4 或更高版本所支持的一些新特性或者改變的部分。
元素的 type 特性擁有更多的值.
search: 這個元素呈現(xiàn)為一個搜索框。換行符會從輸入值中去掉,此外沒有其他的語法增強了。
tel: 這個元素可現(xiàn)為一個編輯電話號碼的輸入控件。換行符會從輸入值中去掉,此外沒有其他的語法增強了,因為電話號碼國際化差異非常明顯。你可以使用如 pattern 與 maxlength 等屬性來限制輸入到控件中的值。
url: 這個元素呈現(xiàn)為一個編輯URL 的輸入控件。換行符與首尾的空格將會被自動去除。
email: 這個元素呈現(xiàn)為一個郵件地址。換行符會被自動去除??梢栽O(shè)置一個無效的郵件地址,但若滿足輸入框的限制,必須遵守在擴展的巴科斯范式(ABNF)中的規(guī)范:1( atext / "." ) "@" ldh-str 1( "." ldh-str ) 其中atext 在規(guī)范RFC 5322 section 3.2.3 中被定義,而ldh-str在規(guī)范RFC 1034 section 3.5 中被定義。.
注意: 若設(shè)置multiple屬性, 區(qū)域中可以用逗號分割的方式,輸入多個email, 但 Firefox不支持.
元素也擁有一些新的特性。
list:
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/50214.html
摘要:文本框獲得焦點時,選中其中所有的文本思路利用焦點事件事件,在文本框獲得焦點時,利用其方法選中所有文本。自動切換焦點思路利用事件檢測用戶輸入新字符后,文本框內(nèi)的字符串是否已經(jīng)達到最大長度,若達到最大長度,則將焦點切換至下一個文本框。 JavaScript 表單腳本 通過 document.forms 可以獲得一個包含當(dāng)前頁面中所有表單的集合 HTMLFormElement 接口 下面是這...
摘要:定義字符中文注音或字符的解釋或發(fā)音。表單域我們都知道標(biāo)簽用于為用戶輸入創(chuàng)建表單。在中表單域添加了兩個新的屬性規(guī)定是否啟用表單的自動完成功能,默認(rèn)。通過屬性和表單域的可以將輸入表單綁定到表單域中。 showImg(http://ww1.sinaimg.cn/large/007kscFEgy1fxgnw4hajoj31400p0q4d.jpg); 1. 認(rèn)識HTML5 HTML5并不僅僅...
閱讀 3050·2021-11-24 10:21
閱讀 1622·2021-10-11 10:57
閱讀 2838·2021-09-22 15:24
閱讀 2723·2021-09-22 14:58
閱讀 2356·2019-08-30 13:16
閱讀 3522·2019-08-29 13:05
閱讀 3442·2019-08-29 12:14
閱讀 3482·2019-08-27 10:55