Blogger Information
Blog 6
fans 0
comment 0
visits 1906
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
用户注册表
P粉563197984
Original
350 people have browsed it

用户注册表

程序

  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>
  57. </fieldset>
  58. </form>
  59. </body>
  60. </html>

效果

Correcting teacher:PHPzPHPz

Correction status:qualified

Teacher's comments:没什么问题
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post