個人感覺form是html中非常有用的知識之一!
html表單是html頁面與瀏覽器端實現互動的重要手段,利用表單可以收集客戶端提交的有關資訊。
表單和表單域並不具有排版能力,表單網頁的製作最終還是要由**組織起來。
表單的主要功能是收集資訊,一般的表單由兩部分組成,一是描述表單元素的html**,二是客戶端的指令碼,或者伺服器用來處理使用者所填資訊的程式。
表單資訊的處理過程為:當單擊表單中的提交按鈕時,輸入在表單中的資訊就會上傳到伺服器中,然後由伺服器的有關應用程式進行處理,處理後或者將使用者提交的資訊儲存在伺服器端的資料庫中,或者將有關的資訊返回到客戶端瀏覽器上。
基本語法:
form標記的屬性解釋如下:
name:表單的名稱
method:定義表單結果從瀏覽器傳送到伺服器的方法,一般有兩種方法get和post
enctype:設定表單資料的編碼方式
target:設定返回資訊的顯示方式
name屬性通過為表單命名可以控制表單與後台程式之間的關係。
method屬性method屬性中,get方法是將表單內容附在url位址後面,所以對提交資訊的長度進行了限制,不可以超過8192個字元。如果資訊太長,將被截去,從而導致意想不到的處理結果。同時get方法不具有保密性,不適合處理如信用卡卡號等要求保密的內容,而且不能傳送非ascii碼的字元。
post方法是將使用者在表單中填寫的資料報含在表單的主體中,一起傳送到伺服器上的處理程式中,該方法沒有字元的限制,它包含了iso10646的字符集,是一種郵寄的方式,在瀏覽器的位址列不顯示提交的資訊,這種方式傳送的資料是沒有限制的。
當不指明是哪種方式時,預設為get方式。
enctype屬性
設定表單資訊提交的編碼方式,有以下幾種:
text/plain:以純文字形式傳送資訊
multipart/form-data:使用mine編碼
target屬性設定表單資訊返回的視窗。
target的值有以下幾種:
_blank:將返回資訊顯示在新開的瀏覽器視窗中
_parent:將返回資訊顯示在父級瀏覽器視窗中
_self:將返回資訊顯示在當前瀏覽器視窗中
_top:將返回資訊顯示在頂級瀏覽器視窗中
FORM表單的幾大屬性
在做乙個活動支付專案的時候,提交訂單 form表單 跳轉支付頁面發現沒有反應。經過斷點排查發現斷點也進了,不報錯。但是返回的就是空白頁,讓人很糾結。經過反覆測試,才發現是防毒軟體攔截了form表單的請求。如何來解決這個問題呢?下來我們來看看form表單的屬性就會明白了。method屬性 規定用於傳送...
表單的結構 表單控制項 form屬性
表單控制項的型別 form表單示例 表單是收集使用者資料的容器。乙個表單通常由表單控制項和相關的提示資訊組成。每個表單都以form開始標籤開始,以form結束標籤結束。兩個標籤之間是組成表單的各個控制項及提示資訊。表單的基本結構如下 表單在向伺服器傳輸資料時需要一些進行一些設定,可通過form標籤的...
Form表單標籤的Enctype屬性
enctype 指定將資料回發到伺服器時瀏覽器使用的編碼型別。用於表單裡有上傳。編碼型別有以下三種 multipart form data 不對字元編碼,在使用包含檔案上傳控制項的表單時,必須使用該值 text plain 窗體資料以純文字形式進行編碼,其中不含任何控制項或格式字元。例子 encty...