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 @   hollg  阅读(454)  评论(0)  编辑  收藏  举报
相关博文：
· HTML5-文本框和单选框
· HTML5-表单的应用、隐藏域、只读、禁用、增强鼠标可用性（点击文字就能选中文本框）
· 表单初级验证
· 6 表单初级验证
· 表单的初级验证
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 单线程的Redis速度为什么快？
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 展开说说关于C#中ORM框架的用法！
点击右上角即可分享
微信分享提示