博客列表 >用户注册表

用户注册表

P粉563197984
P粉563197984原创
2023年03月19日 16:12:11349浏览

用户注册表

程序

  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>

效果

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议