demo2.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>案例2</title>
  6. </head>
  7. <body>
  8. <div>
  9. <h1>注册信息</h1>
  10. <form>
  11. <label>用户名:</label>
  12. <input type="text" placeholder="请输入用户名">
  13. <br>
  14. <br>
  15. <label>密码:</label>
  16. <input type="password" placeholder="请输入密码">
  17. <br><br>
  18. <label>性别:</label>
  19. <input type="radio" name="same">男
  20. <input type="radio" name="same">女
  21. <br><br>
  22. <label>
  23. 兴趣爱好:
  24. </label>
  25. <input type="checkbox">足球
  26. <input type="checkbox">篮球
  27. <input type="checkbox">排球
  28. <input type="checkbox">游泳
  29. <input type="checkbox">网球
  30. <input type="checkbox">旅游
  31. <input type="checkbox">绘画
  32. <input type="checkbox">读书
  33. <br><br>
  34. <label>最高学历:</label>
  35. <select>
  36. <option value="小学">小学</option>
  37. <option value="初中">初中</option>
  38. <option value="高中">高中</option>
  39. <option value="大学">大学</option>
  40. </select>
  41. <br><br>
  42. <label>个人说明:</label>
  43. <textarea cols="30" rows="10"></textarea>
  44. <br><br>
  45. <input type="reset">
  46. <input type="button" value="注册">
  47. </form>
  48. <a href="">提示:注册成功之后请点击这里您将直接登陆系统!</a>
  49. </div>
  50. </body>
  51. </html>