验证功能框

验证功能框

1. 邮箱验证 input type="email"

<!--功能框
1.邮件验证 input type="email"
-->
    
<p>邮箱验证 :
    <input type="email" name="email" />
</p>

邮件验证框内填写内容必须符合邮箱号码格式，否则无法提交，给出提示。如上图所示

---

2. URL验证 input type="url"

<!--
2.URL验证 url
-->
    
<p>URL :
    <input type="url" name="url"/>
</p>

---

3. 数字验证 input type="number"

<!--验证功能框
3.数字验证 number
max : 最大输入
min : 最小输入
step : 跨度，输入数字后通过框内右边的箭头控制自动增长跨度
-->
    
<p>数字验证 :
    <input type="number" name="number" max="100" min="10" step="10"/>
</p>