溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“css3中怎么檢驗表單的required,focus,valid和invalid樣式”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
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的出現(xiàn)為我們提供一些屬性，不用編寫js和正則即可解決這個檢驗表單內容。
:required
必須，那input不能為空的意思。
:valid
有效，即當填寫的內容符合要求的時候觸發(fā)。
:invalid
無效，即當填寫的內容不符合要求的時候觸發(fā)。
“css3中怎么檢驗表單的required,focus,valid和invalid樣式”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
