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