HTML裡面form表單name,action,method,target,enctype等屬性用法

來源:互聯網
上載者:User

標籤:解釋   value   pos   返回   post   組成   編碼方式   資訊   type屬性   

HTML裡面的form表單裡面的name,target,enctype,method以及action的用法HML表單HTML裡面的表單是HTML頁面與瀏覽器互動的重要手段,表單主要提交一些用戶端的資料。

 

表單表單域並不具有排版能力,表單網頁的製作最終還是要由表格組織起來。

 

表單的主要功能是收集資訊,一般的表單由兩部分組成,一是描述表單元素的HTML代碼,二是用戶端的指令碼,或者伺服器用來處理使用者所填資訊的程式。

 

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

 

基本文法:

<form name="form_name"  action="/"  method="form_method"  enctype="value"  target="目標頁面">

.........

</form>

 

FORM標記的屬性解釋如下:

name:表單的名稱

method:定義表單結果從瀏覽器傳送到伺服器的方法,一般有兩種方法get和post

action:用來定義表單處理程式(一個ASP,CGI等程式)的位置( 相對位址或絕對位址)

enctype:設定表單資料的編碼方式

target:設定返回資訊的顯示方式

 

 

  • NAME屬性

通過為表單命名可以控製表單與背景程式之間的關係。

 

 

  • METHOD屬性

METHOD屬性中,GET方法是將表單內容附在URL地址後面,所以對提交資訊的長度進行了限制,不可以超過8192個字元。如果資訊太長,將被截去,從而導致意想不到的處理結果。同時GET方法不具有保密性,不適合處理如信用卡卡號等要求保密的內容,而且不能傳送非ASCII碼的字元。

 

POST方法是將使用者在表單中填寫的資料包含在表單的主體中,一起傳送到伺服器上的處理常式中,該方法沒有字元的限制,它包含了ISO10646的字元集,是一種郵寄的方式,在瀏覽器的地址欄不顯示提交的資訊,這種方式傳送的資料是沒有限制的。

當不指明是哪種方式時,預設為GET方式

 

  • ENCTYPE屬性

設定表單資訊提交的編碼方式,有以下幾種:

TEXT/plain:以純文字形式傳送資訊

Application/x-www-Form-urlencoded:預設的編碼形式

Multipart/Form-data:使用MINE編碼

 

  • TARGET屬性

設定表單資訊返回的視窗。

 

TARGET的值有以下幾種:

_blank:將返回資訊顯示在新開的瀏覽器視窗中

_parent:將返回資訊顯示在父級瀏覽器視窗中

_self:將返回資訊顯示在當前瀏覽器視窗中

_top:將返回資訊顯示在頂級瀏覽器視窗中

 

HTML裡面form表單name,action,method,target,enctype等屬性用法

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.