3.表单标签.html 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <!-- 表单:form
  10. 属性:action 向服务端提交客户端内容
  11. 1.input 输入框
  12. 属性:
  13. a.placeholder 提示信息
  14. b.type 类型
  15. text 文本类型
  16. password 密码
  17. submit 提交按钮
  18. reset 重置按钮
  19. button 自定义按钮 配合value属性一起使用
  20. radio 单选 切记name属性相同
  21. checkbox 多选 checked默认选择 disabled 禁止选中
  22. -->
  23. <form action="">
  24. <input type="text" placeholder="哈哈哈哈哈">
  25. <br>
  26. <input type="password">
  27. <br>
  28. <input type="submit">
  29. <br><br>
  30. <input type="reset">
  31. <br><br>
  32. <input type="button" value="再来一次">
  33. <br><br>
  34. <input type="radio" name="111">男
  35. <input type="radio" name="111">女
  36. <br><br>
  37. <input type="checkbox">篮球
  38. <input type="checkbox" checked>足球
  39. <input type="checkbox" disabled>羽毛球
  40. <input type="checkbox">排球
  41. <br><br><br>
  42. <!--
  43. 2.下拉框
  44. select 与 option 一起组成
  45. selected 默认选择
  46. disabled 禁止选中
  47. -->
  48. <select>
  49. <option value="第一">1</option>
  50. <option value="第二" selected>2</option>
  51. <option value="第三">3</option>
  52. <option value="第四" disabled>4</option>
  53. </select>
  54. <br><br><br>
  55. <!--
  56. 3.文本域
  57. textarea
  58. cols列
  59. rows行
  60. maxlength 最大长度
  61. -->
  62. <textarea cols="10" rows="20" maxlength="10"></textarea>
  63. </form>
  64. </body>
  65. </html>