了解HTML表單之form元素

2022-01-17 18:46:53 字數 1774 閱讀 7131

表單是網頁與使用者的互動工具,由乙個

accept-charset 屬性是乙個空格分隔的字符集列表,規定了伺服器處理表單資料所接受的字符集。accept-charset 屬性允許指定一系列字符集,伺服器必須支援這些字符集,從而得以正確解釋表單中的資料。該屬性的值是用引號包含字符集名稱列表。如果可接受字符集與使用者所使用的字元即不相匹配的話,瀏覽器可以選擇忽略表單或是將該表單區別對待。此屬性的預設值是 "unknown",表示表單的字符集與包含表單的文件的字符集相同。在之前版本的html中,不同的字元編碼可以用空格或逗號分隔。在html5中,只有空格可以允許作為分隔符

action屬性規定提交表單時,向何處傳送表單資料;如果忽略這個屬性,表單會重定向到表單所在的url。這個值可以被或者元素中的formaction屬性過載(覆蓋)

enctype 屬性規定在傳送到伺服器之前應該如何對表單資料進行編碼。大多數情況下該屬性不需要設定。這個值可以被或者元素中的formenctype屬性過載(覆蓋)。當 method屬性值為 post時,enctype是提交form給伺服器的內容的 mime 型別 。可能的取值有:

multipart/form-data            不對字元編碼。在使用包含檔案上傳控制項的表單時,必須使用該值

text/plain                   空格轉換為 "+" 加號,但不對特殊字元編碼

post方法

如果採用post方法,瀏覽器將會按照下面兩步來傳送資料。首先,瀏覽器將與action屬性中指定的表單處理伺服器建立聯絡,一旦建立連線之後,瀏覽器就會按分段傳輸的方法將資料傳送給伺服器

在伺服器端,一旦post樣式的應用程式開始執行時,就應該從乙個標誌位置讀取引數,而一旦讀到引數,在應用程式能夠使用這些表單值以前,必須對這些引數進行解碼。使用者特定的伺服器會明確指定應用程式應該如何接受這些引數

【應用場景】

[1]大資料處理,因為post方法相比get方法而言,處理更多字段

[2]安全資料,因為get 方法將表單引數直接放在應用程式的 url 中,這樣網路窺探者可以很輕鬆地捕獲它們,還可以從伺服器的日誌檔案中進行摘錄;而post方法則沒有這方面的漏洞

get方法

如果採用get方法,瀏覽器會與表單處理伺服器建立連線,然後直接在乙個傳輸步驟中傳送所有的表單資料:瀏覽器會將資料直接附在表單的action url之後。這兩者之間用問號進行分隔。

【應用場景】

[1]獲得最佳表單傳輸效能,因為get傳送只有少數簡單字段

[2]簡單處理,因為get方法無需處理編碼解碼方法

[3]傳參處理,因為get方法允許把表單的引數包括進來作為 url 的一部分

a標籤傳參

//

get方法的url顯示為:

//post方法的url顯示為:

<?php

if(isset($_request["x"]) && isset($_request["y"]))

?>

<

form

autocomplete

="on | off"

> //該屬性預設為on,當設定為off時,規定禁用自動完成功能

開啟自動完成

關閉自動完成

開啟驗證

關閉驗證

HTML之FORM表單學習

表單 1 作用 向伺服器傳送資料 2 基本語法 action 屬性指定表單提交到伺服器中那個檔案,屬性值為檔案的路徑 method 屬性指定資料提交的方式,常用 get post 注意 get請求 1 資料會被拼接在url後面,直接傳送 明文傳送 2 資料大小受限,最多只能傳輸2k資料 3 預設提交...

HTML之form表單ENCTYPE屬性解析

伺服器需要將傳送的多 資料的型別告訴瀏覽器,而告訴瀏覽器的手段就是告知多 的mime型別。form表單中的enctype屬性,可以告訴伺服器,我們提供給它的內容的mime型別。enctype屬性有三種狀態值 資料傳送到伺服器之前,所有字元都會進行編碼 空格轉換為 加號,特殊符號轉換為 ascii h...

form表單元素

文字框 text 密碼框 password 文字域 textarea 單選框 radio 同一組單選按鈕的name取值一定要一致 核取方塊 checkbox 下拉列表框 選項 如果所有都沒有寫selected selected 則預設顯示第乙個的選項值 提交 submit value值是顯示在按鈕上...