demo05.html 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>标题</title>
  6. </head>
  7. <body>
  8. <!-- 表单标签
  9. action 表单的地址。表单项的数据信息提交的地址。 服务器(接收递交的数据)
  10. method 表单的提交方式。
  11. get 地址栏中显示。提交数据大小 有限制。
  12. post post 不会显示在地址栏中。 没有限制 文件
  13. 表单项
  14. input type = text 文本 (用户名)
  15. value 表示 提交的值 value = zhagnsan
  16. name 表示 提交数据的名称 key ~ name = username
  17. 获取 根据 name 的值 获取
  18. type = submit 提交
  19. type = password 密码
  20. type = radio 单选 默认选中 checked
  21. http://localhost:63342/Web/day01/hello?username=zhangsan 根据username获取
  22. -->
  23. <form action="hello" method="post" >
  24. <!-- 表单项 -->
  25. 名称: <input type="text" name="username" ><br>
  26. <!-- 密码 -->
  27. 密码: <input type="password" name="password" ><br>
  28. <!-- 单选 -->
  29. 性别:
  30. <input type="radio" value="1" checked name="gender" >男
  31. <input type="radio" value="0" name="gender" >女<br>
  32. 复选框:
  33. <input type="checkbox" value="篮球" name="hobby" >篮球
  34. <input type="checkbox" value="足球" name="hobby" >足球
  35. <input type="checkbox" value="水球" name="hobby" >水球<br>
  36. 邮箱:<input type="email" name="email" ><br>
  37. 数字:<input type="number" name="number" ><br>
  38. 日期:<input type="date" name="date" ><br>
  39. 文件:<input type="file" name="file" ><br>
  40. <!--
  41. 下拉框
  42. select
  43. name 提交key
  44. option value
  45. -->
  46. 城市:
  47. <select name="city" id="" >
  48. <option value="0" >北京</option>
  49. <option value="1" selected >上海</option>
  50. <option value="2" >天津</option>
  51. </select><br>
  52. <!-- 文本域 -->
  53. 信息:
  54. <textarea name="desc" rows="5" cols="20" >abc</textarea><br>
  55. <!-- 隐藏域 -->
  56. <input type="hidden" name="id" value="123123123" ><br >
  57. <input type="reset" value="重置">
  58. <input type="submit" value="提交">
  59. </form>
  60. </body>
  61. </html>