5.demo3.html 1.8 KB

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