本篇主要介紹 table、form標籤以及表單提交方式。
目錄1. 標籤:在html 中定義**布局。
表單主要用於向伺服器傳輸資料;如常見的登入、註冊頁面。
在上面的form**中輸入如下:
賬號:admin
密碼:123456
點選提交後:url變為:
http://localhost:4778/ashx/login.ashx?login_username=admin&login_pswd=123456變數提交的樣式為:html元素的name屬性=提交的值。多個變數,以 & 符號隔開。
from表單裡所填的值,附加在html headers上。
同上面get方式一樣。
賬號:admin
密碼:123456
點選提交後:url變為
http://localhost:4778/ashx/login.ashx可看到只是action指定的url,引數並沒有附加在url後面。
通過fiddler軟體,可以檢視到html header區域:有個名為webkitformboundary2t7xmzetmrqeahnh 的物件
檢視【raw】區域,可看見裡面包含了提交的變數
①資料的查詢:比如瀏覽論壇時,url一般包含了分類、頁碼數、每頁記錄數等資訊。 get 方式,能一目了然的看到所要查詢的資訊(條件)。 post 因為隱藏掉了這些資訊,不方便進行檢驗查詢條件。
②敏感資料的提交(安全性):對一項記錄,進行更改、新增操作時,比如註冊使用者、更改使用者資料等。get 方式附加在url上,會洩露掉敏感的訊息。 post 方式,能隱藏掉敏感的資訊。
③大資料文字傳遞:get 雖然方便查詢,但由於是附加在url上,各瀏覽器對url也有個長度限制。ie :2048字元。chrome、ff 好像是 8182字元。post 好像沒此限制。
******************************====系列文章****************************************==
本篇文章:1.5 table、form表單標籤的介紹
(表單 表單的元素 表單的屬性)
表單 標籤名 1 form 表單 action 路徑 method 提交方式 2 method 提交方式 get提交 在路徑後面加引數 顯示的是 name 123 age 123 注意 鍵中不要加空格,加空格後所顯示的就不是想要的數值了 name 123 age 123 name 123 age 1...
寬度 表單 Form表單
塊級元素和行內元素 1.塊級元素獨佔一行,行內元素在同一行顯示 2.塊級元素預設寬度為100 行內元素由內容撐開 3.塊級元素可以設定寬高,行內元素不可以設定寬高 4.塊級元素可以設定margin和padding和四個方向,行內元素只可以設定margin和padding和左右值,上下不起作用 5.塊...
表單項 內聯表單
form class form inline div class form group label for exampleinputname2 name label input type text class form control id exampleinputname2 placeholder...