HTML table form表單標籤的介紹

2022-03-12 18:18:03 字數 1339 閱讀 5481

本篇主要介紹 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...