04表单.html 998 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. </head>
  7. <body>
  8. from容器
  9. <hr>
  10. <!--单行输入-->
  11. <form>
  12. <label for="username">账号</label>
  13. <input type="text" id="username" placeholder="请输入内容"><br><br>
  14. <label>密码</label>
  15. <input type="password" id="password" value="请输入内容">
  16. </form>
  17. <br><br>
  18. <hr>
  19. <!--单选(radio)-->
  20. <form>
  21. <label for="">性别:</label>
  22. <input type="radio" name="1">男
  23. <input type="radio" name="1">女
  24. <input type="radio" name="1">其他
  25. </form>
  26. <br><br>
  27. <hr>
  28. <!--多选(checkbox)-->
  29. <!--
  30. action=""向何处提交信息
  31. -->
  32. <form action="#">
  33. <label for="">爱好:</label>
  34. <input type="checkbox" name="爱好">唱歌
  35. <input type="checkbox" name="爱好">跳舞
  36. <input type="checkbox" name="爱好">画画
  37. <input type="checkbox" name="爱好">足球 <br>
  38. <input type="submit" value="提交">
  39. </form>
  40. <br><br>
  41. <hr>
  42. <!---->
  43. </body>
  44. </html>