国产精品成人VA在线观看,亚洲日韩在线中文字幕综合,亚洲AV电影天堂男人的天堂,久久人人爽人人爽人人av东京热


News新聞

業(yè)界新聞動(dòng)態(tài)、技術(shù)前沿
Who are we?

您的位置：首頁(yè)      DIV+CSS      html5中valid、invalid、required的定義

html5中valid、invalid、required的定義

標(biāo)簽： 發(fā)布日期：2014-02-22 00:00:00 846

HTML5的出現(xiàn)為我們提供一些屬性，不用編寫(xiě)js和正則即可解決這個(gè)檢驗(yàn)表單內(nèi)容，下面為大家介紹下valid、invalid、required的定義

css3 提示只適用于高級(jí)瀏覽器： 

Chrome 
Firefox 
Safari 
IE9+ 

valid、invalid、required的定義 

代碼如下 
 

復(fù)制代碼
代碼如下:

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;} 


過(guò)去驗(yàn)證表單會(huì)通過(guò)js和正則去判斷填寫(xiě)的內(nèi)容是否正確，如email的驗(yàn)證。 

HTML5的出現(xiàn)為我們提供一些屬性，不用編寫(xiě)js和正則即可解決這個(gè)檢驗(yàn)表單內(nèi)容。 
:required 
必須，那input不能為空的意思。 

:valid 
有效，即當(dāng)填寫(xiě)的內(nèi)容符合要求的時(shí)候觸發(fā)。 

:invalid 
無(wú)效，即當(dāng)填寫(xiě)的內(nèi)容不符合要求的時(shí)候觸發(fā)。