1、required屬性：

<form>

<input id="webjx_required" name="cdcxhl.com" required type="text"/>

<input type="submit" value="提交"/>

</form>

required屬性可以用用在大多數(shù)的輸入元素上（除了隱藏元素、圖片元素按鈕上等）。 required屬性表示此輸入框是必填項，當(dāng)提交的時候，如果此輸入框為空，那么將提示用戶輸入后提交。

<form> <input id="webjx_required" name="cdcxhl.com" required type="text"/> <input type="submit" value="提交"/> < /form>

2、pattern屬性：

<form>

<input id="webjx_pattern" name="cdcxhl.com" required pattern="\d{3}" type="text"/>

<input type="submit" value="提交"/>

</form>

pattern屬性的值一般為正則表達式，當(dāng)用戶輸入的內(nèi)容符合一定的格式，那么才能提交，否則將提示用戶不符合要求，如上所示必須輸入3位數(shù)字。

立即運行： < form> <input id="webjx_pattern" name="cdcxhl.com" required pattern="\d{3}" type="text"/> <input type="submit" value="提交"/> < /form>

3、min屬性和max屬性：

<form>

<input id="webjx_min_max" name="cdcxhl.com" required min="3" max="16" type="number"/>

<input type="submit" value="提交"/>

</form>

min和max這兩個屬性是數(shù)值類型或日起類型的input元素的專有屬性，他限制了input元素中輸入的數(shù)值和日期范圍。屬性值為數(shù)字。

立即運行： < form> <input id="webjx_min_max" name="cdcxhl.com" required min="3" max="16" type="number"/> <input type="submit" value="提交"/> < /form>

4、step屬性：

<form>

<input id="webjx_step" name="cdcxhl.com" required step="10" min="0" max="100" type="number"/>

<input type="submit" value="提交"/>

</form>

step屬性控制input元素的值增加或減少的步幅，例如你想讓用戶輸入得值在0-100之間，但是必須是10的倍數(shù)時，則如上代碼所示，點擊下方運行看效果。

立即運行： < form> <input id="webjx_step" name="cdcxhl.com" required step="10" min="0" max="100" type="number"/> <input type="submit" value="提交"/> < /form>

網(wǎng)站題目：HTML5中Form表單自動驗證介紹
文章URL：http://m.rwnh.cn/news3/320753.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、網(wǎng)站營銷、服務(wù)器托管、全網(wǎng)營銷推廣、標(biāo)簽優(yōu)化、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)