educoder实训平台-----对表单进行验证

最新推荐文章于 2023-11-20 16:14:13 发布

白夜的月亮

最新推荐文章于 2023-11-20 16:14:13 发布

阅读量674

点赞数

分类专栏： educoder平台实训html-web实训文章标签： html python 开发语言

本文链接：https://blog.csdn.net/m0_59076472/article/details/121674286

版权

educoder平台实训html-web实训专栏收录该内容

30 篇文章 14 订阅

订阅专栏

educoder实训平台-----对表单进行验证

第1关：表单验证相关的概念

ACDBC

第2关：非空校验

<html>
  <head>
   <meta charset="utf-8"/>
   <title>设置非空校验</title>
  </head>
  <body>
   <form>
      密码：
   <!-- ********* Begin ******* -->
      <input type="password" maxlength="6" required="required" title="请输入不超过6位的密码！">
   <!-- ********* End ********* -->
       <input type="submit"  value="提交"/> 
    </form>
  </body>
 </html>

第3关：邮箱校验

 <html>
  <head>
   <meta charset="utf-8"/>
   <title>设置邮箱校验</title>
  </head>
  <body>
   <form>
      密码：
     <input type="password"  required="required" title="请输入6位密码！" maxLength="6"/><br/>
     邮箱：
   <!-- ********* Begin ******* -->
     <input type="email" required="required" placeholder="输入格式：xxx@xxx">
   <!-- ********* End ********* -->
     <br/> <input type="submit"  value="提交"/> 
    </form>
  </body>
 </html>

第4关：pattern验证

<html>
  <head>
   <meta charset="utf-8"/>
   <title>设置年龄校验</title>
  </head>
  <body>
   <form>
      密码：
     <input type="password"  required="required" title="请输入6位密码！" maxLength="6"/><br/>
     邮箱：
      <input type="email"  required="required" placeholder="输入格式：xxx@xxx"/><br/>
     年龄：
   <!-- ********* Begin ******* -->
     <input type="text" required="required" pattern="^[1-9]?[0-9]$">
   <!-- ********* End ********* -->
     <br/> <input type="submit"  value="提交"/> 
    </form>
  </body>
 </html>

白夜的月亮

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
educoder实训平台-----对表单进行验证

educoder实训平台-----对表单进行验证第1关：表单验证相关的概念ACDBC第2关：非空校验<html> <head> <meta charset="utf-8"/> <title>设置非空校验</title> </head> <body> <form> 密码： 
复制链接

扫一扫