您當前的位置:首頁 > 收藏

HTMLCSS學習筆記(二)-- HTML表單標籤

作者:由 千鋒前端學習營 發表于 收藏時間:2020-02-20

表單

1 : 表單標籤

屬性 :

action = ‘介面地址’

method = ‘get / post’

name = ‘表單名稱’

2 : 表單控制元件

屬性:

type = ‘控制元件型別’

name:屬性標識表單域的名稱;

Value:屬性定義表單域的預設值,其他屬性根據type的不同而有所變化。

maxlength:控制最多輸入的字元數,

Size:控制框的寬度(以字元為單位)

1)文字框

2)密碼框

3)提交按鈕

4)重置按鈕

5)空按鈕

點選加入前端千人大群交流學習,更多課程影片-原始碼軟體安裝包免費贈送~

3:表單補充

1)單選按鈕組

checked=“checked”/>(預設選中)女

2)複選框組

* disabled=“disabled” (禁用)

* checked=“checked” (預設選中)

3)下拉列表(選單):

表示下拉列表,name屬性不是必須的

預設選擇項用selected屬性;

4)表單域多行文字定義:

語法:

多行文字。rows屬性和cols屬性用來設定文字輸入視窗的高度和寬度,單位是字元。

阻止瀏覽器對視窗的拖動設定:{resize:none;}(css屬性)

5)上傳檔案:

語法:

4:表單標籤補充

1)表單欄位集

語法:

說明:相當於一個方框,在欄位集中可以包含文字和其他元素。該元素用於對錶單中的元素進行分組並在文件中區別標出文字。fieldset元素可以巢狀,在其內部可以在設定多個fieldset物件。disabled定義空間禁制可用;

2)欄位級標題:

語法:

說明:legend元素可以在fieldset物件繪製的方框內插入一個標題。legend元素必須是fieldset內的唯一個元素。

3)提示資訊標籤:

語法:

說明:label元素用來定義標籤,為頁面上的其他元素指定提示資訊。要將label元素繫結到其他的控制元件上,可以將label元素的for屬性設定為與該控制元件的id屬性值相同。

HTMLCSS學習筆記(二)-- HTML表單標籤

拓展:post/get

(1)。 從功能上講,GET一般用來從伺服器上獲取資源,POST一般用來更新伺服器上的資源;

(2)。 從REST服務角度上說,GET是冪等的,即讀取同一個資源,總是得到相同的資料,而POST不是冪等的,因為每次請求對資源的改變並不是相同的;進一步地,GET不會改變伺服器上的資源,而POST會對伺服器資源進行改變;

(3)。 從請求引數形式上看,GET請求的資料會附在URL之後,即將請求資料放置在HTTP報文的 請求頭 中,以?分割URL和傳輸資料,引數之間以&相連。特別地,如果資料是英文字母/數字,原樣傳送;否則,會將其編碼為 application/x-www-form-urlencoded MIME 字串(如果是空格,轉換為+,如果是中文/其他字元,則直接把字串用BASE64加密,得出如:%E4%BD%A0%E5%A5%BD,其中%XX中的XX為該符號以16進製表示的ASCII);而POST請求會把提交的資料則放置在是HTTP請求報文的 請求體 中。

(4)。 就安全性而言,POST的安全性要比GET的安全性高,因為GET請求提交的資料將明文出現在URL上,而且POST請求引數則被包裝到請求體中,相對更安全。

(5)。 從請求的大小看,GET請求的長度受限於瀏覽器或伺服器對URL長度的限制,允許傳送的資料量比較小,而POST請求則是沒有大小限制的。

標簽: 表單  請求  屬性  get  post