什么是CSS :valid 選擇器，如何判定郵箱電話(huà)號碼是

CSS :valid 選擇器，判定郵箱電話(huà)號碼是否有效，

實(shí)例

只選擇值有效的 <input> 元素，并設置其樣式：

input:valid {     background-color: yellow;  }

定義和用法

:valid 選擇器用于選取擁有有效值的表單元素，該值根據元素設置得到驗證。

注釋?zhuān)?valid 選擇器僅適用于有限制的表單元素，例如有 min 和 max 屬性的 input 元素、具有合法電子郵件的 email 字段或具有數值的 number 字段等。

提示：請使用 :invalid 選擇器來(lái)選取值無(wú)效的表單元素，其值根據元素的設置沒(méi)有通過(guò)驗證。

CSS 語(yǔ)法

:valid {    css declarations;  }

演示 :valid 選擇器

請嘗試輸入一個(gè)非法的電子郵件地址，來(lái)查看樣式消失。

發(fā)布者：八度互聯(lián)