萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> html5中valid、invalid、required的定義

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

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

copyright © 萬盛學電腦網 all rights reserved