成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

HTML5中的表單

Pocher / 559人閱讀

摘要:注意約束驗證不支持表單中的元素若想基于表單的驗證結(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: 元素的 ID,該元素的內(nèi)容,

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

元素

元素有了一個新特性:

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

你可以使用 元素上的 list 特性來將一個特定的 input 與特定的 元素做關(guān)聯(lián)。

元素

元素表示計算的結(jié)果。

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

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

placeholder 特性

placeholder 特性作用于