用户注册表

编辑: admin 分类: 电脑知识 发布时间: 2023-06-14 来源:互联网
用户注册表程序
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>用户注册</title>
  8. </head>
  9. <body>
  10.     <form action="register.php" method="post">
  11.         <fieldset>
  12.             <legend>新用户注册</legend>
  13.             <div class="username">
  14.                 <label for="username">用户名</label>
  15.                 <input type="username" name="username" id="username" value="" placeholder="内容不少于8位" autofocus required>
  16.             </div>
  17.             <div class="email">
  18.                 <label for="email">邮箱</label>
  19.                 <input type="email" name="email" id="email" value="" placeholder="@email.com" required>
  20.             </div>
  21.             <div class="psw">
  22.                 <label for="psw">密码</label>
  23.                 <input type="password" name="password" id="psw" required placeholder="不少于6位">
  24.                 <button type="button">查看</button>
  25.             </div>
  26.             <div class="age">
  27.                 <label for="age">年龄</label>
  28.                 <input type="number" name="age" id="age" min="18" max="100" placeholder="年龄在18-100岁之间" required>岁
  29.             </div>
  30.             <div class="birthday">
  31.                 <label for="birthday">生日</label>
  32.                 <input type="date" name="birthday" id="birthday" value="2000-08-08" min="2000-08-08" required>
  33.             </div>
  34.             <div class="sex">
  35.                 <label for="male">性别</label>
  36.                 <input type="radio" name="sex" id="male" value="male"  checked ><label for="male">男</label>
  37.                 <input type="radio" name="sex" id="female" value="female" ><label for="female">女</label>
  38.                 <input type="radio" name="sex" id="secret" value="secret" ><label for="secret">保密</label>
  39.             </div>
  40.             <div class="hobby">
  41.                 <label for="">爱好</label>
  42.                 <input type="checkbox" name="hobby[]" id="trave" value="trave" checked><label for="trave">旅游</label>
  43.                 <input type="checkbox" name="hobby[]" id="program" value="program" checked><label for="program">编程</label>
  44.                 <input type="checkbox" name="hobby[]" id="shoot" value="shoot"><label for="shoot">摄影</label>
  45.                 <input type="checkbox" name="hobby[]" id="game" value="game"><label for="game">游戏</label>
  46.             </div>
  47.             <div class="edu">
  48.                 <label for="">爱好</label>
  49.                 <select name="edu" id="">
  50.                     <option value="" selected disabled >--请选择--</option>
  51.                     <option value="1">中学</option>
  52.                     <option value="2" >大学</option>
  53.                     <option value="3">博士</option>
  54.                 </select>
  55.             </div>
  56.             <button>提交</button>
  58.         </fieldset>
  59.     </form>
  60. </body>
  61. </html>
效果

【文章原创作者：大丰网页开发公司 http://www.1234xp.com/dafeng.html 复制请保留原URL】
更多阅读