6 表单初级验证

6 表单的初级验证

Notes by : chu-jun 慢慢
Learn from : 遇见狂神说
Blog : https://www.cnblogs.com/manmc/
Gitee : https://gitee.com/chujuncj/html
Motto : 择善修身，立学济世。

• 为什么要进行表单验证

  • 减轻服务器压力
  • 保证数据的安全

• 常用的方式

  • placeholder
  • required
  • pattern

<!--placeholder 提示信息，必须再控件上，如输入框、文本域-->
<p>名字: 
    <input type="text" name="username" placeholder="请输入用户名" maxlength="8" size="30">
</p>

<!-- required 表示元素不能为空 -->
<p>名字: 
    <input type="text" name="username" placeholder="请输入用户名" required>
</p>

<!-- pattern 正则表达式判断 -->

<!--常用正则表达式:https://www.jb51.net/toolsregex.htm-->
<p>自定义邮箱:
    <input type="text" name="diymail" pattern="\+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*">
</p>