初级表单验证（HTML5结束）

 

初级表单验证

 

常用方式：

• placeholder（提示信息）
  ​
  注：用在输入框中

              代码：

     <p>名字：<input type="text" name="username"   placeholder="请输入用户名"></p>
​

 

 

 

 

• required（非空判断）
  ​
  注：用在输入框中

 

             代码：

     <p>密码：<input type="password" name="pwd" required></p>
​

 

 

 

 

 

• pattern（正则表达式）

                     注：正则表达式不需要记，需要的时候直接查就可以了

 

                     代码：

               <p>自定义邮箱：
                        <input type="text" name="diymail" pattern="^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$">
               </p>