天天看點

html5 valid,html5中valid、invalid、required的定義

css3 提示隻适用于進階浏覽器:

Chrome

Firefox

Safari

IE9+

valid、invalid、required的定義

代碼如下

複制代碼

代碼如下:

input:required, input:valid , input:invalid{border:0 none; outline: 0 none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow: none;}

過去驗證表單會通過js和正則去判斷填寫的内容是否正确,如email的驗證。

HTML5的出現為我們提供一些屬性,不用編寫js和正則即可解決這個檢驗表單内容。

:required

必須,那input不能為空的意思。

:valid

有效,即當填寫的内容符合要求的時候觸發。

:invalid

無效,即當填寫的内容不符合要求的時候觸發。