简易表单验证代码

随风起随云落

已于 2023-10-14 22:11:25 修改

阅读量47

点赞数

分类专栏：编程相关文章标签：前端笔记学习 html

于 2023-10-14 22:05:28 首次发布

本文链接：https://blog.csdn.net/m0_73636387/article/details/133832474

版权

编程相关专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>

<body >
       <form>
           <table cellspacing="0" cellpadding="3" align="center" > 
               <thead bgcolor=beige>   //thead,tbody,tfoot为控制所选区域的格式设计
               <tr align="center">
                   <td colspan="2"><h2>个人信息与旅游</h2></td> 
               </tr>
               </thead>
               <tbody bgcolor="antiquewhite">
                   <tr>
                       <td>
                           你的名字：<input type="text" /><br /> 
                           你的年龄：<input type="number" max="150" min="0" step="1" /><br />
                           你的出生年月日：<input type="date" /><br />

你的身份证号码：<input type="text" pattern="/^[1-9]\d{5}(19|20)\d{2}
                           ((0[1-9])|(1[0-2]))(([0-2][1-9])
                           |10|20|30|31)\d{3}[Xx\d]$/" /><br />
                           请输入你的省份：<input type="text" placeholder="重庆" list="list1" /><br />
                           <datalist id="list1">
                               <option>重庆</option>
                               <option>四川</option>
                               <option>北京</option>
                           </datalist> 
                           邮箱：<input type="email" pattern="^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]
                                  +(.[a-zA-Z0-9_-]+)+$" /><br />

网址:<input type="url" value="" /><br /> 
                           电话号码:<input type="tel" pattern="/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]
                                   |18[0-9]|19[0-35-9])\d{8}$/ " /><br />
                       </td>
                   </tr>