国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

HTML5中的表單

Pocher / 534人閱讀

摘要:注意約束驗證不支持表單中的元素若想基于表單的驗證結果來改變按鈕的樣式,可以使用偽類。約束驗證的語法下列語法中的條目用于為表單數據指定約束。這些特性指定了當表單提交時不做驗證。在表單相關元素上屬性,如果元素的約束沒有被符合則值為。

相對于 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: 元素的 ID,該元素的內容,

元素。一個 input 只能存在于一個表單中。
formmethod:一個字符串,用于表明表單提交時會使用哪個 HTTP 方法 (GET 或 POST);如果定義了它,則可以覆蓋 元素上的 method 特性。只有當 type 值為 image 或 submit,并且 form 特性被設置的情況下, formmethod 才能生效。
x-moz-errormessage : 一個字符串,當表單字段驗證失敗后顯示錯誤信息。該值為 Mozilla 擴展,并非標準。

元素

元素有了一個新特性:

novalidate:設置了該特性不會在表單提交之前對其進行驗證。
元素
元素會在填寫 字段時,顯示一列

你可以使用 元素上的 list 特性來將一個特定的 input 與特定的 元素做關聯。

元素

元素表示計算的結果。

你可以使用 for 特性來在 元素與文檔內其他能夠影響運算的元素(例如,input 或參數)建立關聯。 for 特性的值是以空格做分隔的其他元素的 ID 列表。

Gecko 2.0 (其他瀏覽器并非如此) 支持為 元素自定義有效性約束(validity constraints)與錯誤信息,可以對其使用如下 CSS 偽類::invalid, :valid, :-moz-ui-invalid,與 :-moz-ui-valid。在如下情況會顯得很有用:例如計算結果違反了業務規則,但卻并非因為特定的 input 值出現錯誤(例如,「百分比總數不能超過100」)。

placeholder 特性

placeholder 特性作用于