在我們新增乙個表單時會有一串表單的**,如下:
表單資訊的處理過程為:當單擊表單中的提交按鈕時,輸入在表單中的資訊就會上傳到伺服器中,然後由伺服器的有關應用程式進行處理,處理後或者將使用者提交的資訊儲存在伺服器端的資料庫中,或者將有關的資訊返回到客戶端瀏覽器上。
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:將返回資訊顯示在頂級瀏覽器視窗中
獲取表單物件方法一、var form = document.forms['myform'];
得到表單的值:var usrname = form.elements['user'].value
獲取表單物件方法二、var form = document.myform;
表單屬性和方法:
1.action
2.elements
3.enctype
4.length
5.method
6.name
7.submit()
8.reset()
表單 Form 物件
1 將form表單元素的name與value進行組合,實現表單資料的序列化,從而減少表單元素的拼接,提高工作效率。2 非同步上傳檔案 一 建立formdata物件 1 建立乙個空物件 通過formdata建構函式建立乙個空物件 var formdata newformdata 通過get方法對值進行...
FORM表單的幾大屬性
在做乙個活動支付專案的時候,提交訂單 form表單 跳轉支付頁面發現沒有反應。經過斷點排查發現斷點也進了,不報錯。但是返回的就是空白頁,讓人很糾結。經過反覆測試,才發現是防毒軟體攔截了form表單的請求。如何來解決這個問題呢?下來我們來看看form表單的屬性就會明白了。method屬性 規定用於傳送...
表單的結構 表單控制項 form屬性
表單控制項的型別 form表單示例 表單是收集使用者資料的容器。乙個表單通常由表單控制項和相關的提示資訊組成。每個表單都以form開始標籤開始,以form結束標籤結束。兩個標籤之間是組成表單的各個控制項及提示資訊。表單的基本結構如下 表單在向伺服器傳輸資料時需要一些進行一些設定,可通過form標籤的...