HTML5-表单初级验证（placeholder：可以在文本框有提示信息、required:不能为空） 

表单初级验证
思考?为什么要进行表单验证
常用方式
placeholder：提示信息
required:不能为空
pattern：正则表达式

 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录注册</title>
</head>
<body>
    
  <h1>注册</h1>
  
   <form>
 
  <!--
    placeholder：提示信息，用在所有的输入框中
        required：不能为空
    
    -->
    <p>密码
    <input type="passwod" value="" placeholder="请输入内容：" required/> 
    
    </p>
     <p>自定义邮箱：
       <input type="text" name="dyemli" pattern="^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$">
       
     </p>
  
  
  
  
    <!--
    submit:提交按钮
    reset：清空按钮
    -->
    <p>
    <input type="submit"/> 
    <input type="reset"/>
    </p>
  
    
  </form>
  
</body>
</html>

 

posted @ 2022-06-15 17:34  hollg  阅读(387)  评论(0)  编辑  收藏  举报