js取form物件方法,表單屬性和方法

2021-06-23 06:35:57 字數 1331 閱讀 4524

在我們新增乙個表單時會有一串表單的**,如下:

表單資訊的處理過程為:當單擊表單中的提交按鈕時,輸入在表單中的資訊就會上傳到伺服器中,然後由伺服器的有關應用程式進行處理,處理後或者將使用者提交的資訊儲存在伺服器端的資料庫中,或者將有關的資訊返回到客戶端瀏覽器上。

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標籤的...