1、required屬性：

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

required屬性可以用用在大多數(shù)的輸入元素上（除了隱藏元素、圖片元素按鈕上等）。
required屬性表示此輸入框是必填項(xiàng)，當(dāng)提交的時(shí)候，如果此輸入框?yàn)榭眨敲磳⑻崾居脩糨斎牒筇峤弧?br />
<form>
<input id="_required" name=".com" required type="text"/>
<input type="submit" value="提交"/>
< /form>

2、pattern屬性：

<form>
 
        <input id="_pattern" name=".com" required pattern="/d{3}" type="text"/>
 
        <input type="submit" value="提交"/>
 
</form>

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

立即運(yùn)行：
< form>
<input id="_pattern" name=".com" required pattern="/d{3}" type="text"/>
<input type="submit" value="提交"/>
< /form>

3、min屬性和max屬性：

<form>
 
        <input id="_min_max" name=".com" required min="3" max="16" type="number"/>
 
        <input type="submit" value="提交"/>
 
</form>

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

立即運(yùn)行：
< form>
<input id="_min_max" name=".com" required min="3" max="16" type="number"/>
<input type="submit" value="提交"/>
< /form>

4、step屬性：

<form>
 
        <input id="_step" name=".com" required step="10" min="0" max="100" type="number"/>
 
        <input type="submit" value="提交"/>
 
</form>

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

立即運(yùn)行：
< form>
<input id="_step" name=".com" required step="10" min="0" max="100" type="number"/>
<input type="submit" value="提交"/>
< /form>