1. 首頁 > 生活百科 > >

day02-HTML02( 三 )

生活百科day02-HTML02


day02-HTML02

文章插圖
4.3.15表單提交數據細節
  1. action表示將form表單的數據提交給哪個url，即服務器的哪個資源(如servlet)
  2. method屬性設置提交的方式主要是：get 和 post，默認是get
  3. 表單提交的時候，數據沒有發送給服務器的三種情況：
    • 表單某個元素項沒有name屬性值，則數據不會提交
    • 單??，竾琛?下拉列表中的option標簽)都需要添加value屬性，以便發送給服務器
      對于checkbox復選框，可以提交多個值 ， 但是name是統一的(為了區分復選框的分組)
      對于select ， checkbox ， radio標簽，提交的數據是value指定的值
    • 表單項不在提交的form標簽中
      提交的數據一定要放在form標簽內，否則不會提交
  4. GET請求的特點是：
    • 瀏覽器地址中的地址是：action的屬性值[+?+請求參數]請求參數的格式是：name=value&name=value
    • 不安全 (建議重要信息不要選擇get)
    • 它有數據長度的限制

    day02-HTML02

    文章插圖
  5. POST請求的特點是：
    • 瀏覽器地址欄中只有action屬性值，提交的數據是攜帶在http請求中，不會展示在地址欄中
    • 相對于get請求要更安全
    • 理論上沒有數據長度的限制
    post請求分析：
    如下，在瀏覽器中選擇f12快捷鍵
    day02-HTML02

    文章插圖

    day02-HTML02

    文章插圖
    這里是http的請求頭：
    POST /1027practice/ok.html HTTP/1.1Host: localhost:63342User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:106.0) Gecko/20100101 Firefox/106.0Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,*/*;q=0.8Accept-Language: zh-CN,zh;q=0.8,zh-TW;q=0.7,zh-HK;q=0.5,en-US;q=0.3,en;q=0.2Accept-Encoding: gzip, deflate, brContent-Type: application/x-www-form-urlencodedContent-Length: 24Origin: http://localhost:63342Connection: keep-aliveReferer: http://localhost:63342/1027practice/form_login.html?_ijt=e39at152i0jkgl2dtreahm36fk&_ij_reload=RELOAD_ON_SAVECookie: Idea-14176161=c5173052-46ad-4245-9208-03592d0dcf0e; Idea-f24e85b1=ae595c67-c988-4ef0-856d-44549b2b2eb7Upgrade-Insecure-Requests: 1Sec-Fetch-Dest: documentSec-Fetch-Mode: navigateSec-Fetch-Site: same-originSec-Fetch-User: ?1這里是http的請求體：
    username=jack&pwd=123456

推薦閱讀