HTML中Form表單的method屬性使用介紹
發(fā)布時間：2013-08-19 17:43:01 作者：佚名 
我要評論
我要評論method是指定數(shù)據(jù)如何發(fā)送到服務(wù)器的一個屬性，實際就是提交數(shù)據(jù)，下面舉個例子為大家簡單介紹下Form表單的method屬性的使用及注意事項，感興趣的朋友可以參考下
1 method是指定數(shù)據(jù)如何發(fā)送到服務(wù)器的一個屬性
2 只可能是post和get post:官方解釋是把數(shù)據(jù)通過post會話傳送到服務(wù)器。實際就是提交數(shù)據(jù)。 get:將表單中數(shù)據(jù)的按照variable=value的形式，添加到action所指向的URL后面，并且兩者使用“?”連接，而各個變量之間使用“&”連接；一般用來從服務(wù)器得到數(shù)據(jù)。
3,默認是get，所以一般我們都要指定為post
舉個例子：
比如說有2個頁面，a.htm和b.asp，你想將a.htm頁面表單中的值傳遞給b.asp頁面。
那么在a.htm中就會有如下的表單代碼：
<form id="form1" method="get" action="b.asp">
<input name="Text1" type="text" value="11" />
<input id="Submit1" type="submit" value="submit" />
</form>
上面的代碼中2個地方需要注意：
1、method的屬性是get，所以通過網(wǎng)址傳值，可見的；
2、表單中有2個對象，一個文本框，一個提交按鈕。要傳遞的是文本框的值，注意要把文本框的id屬性改成name屬性，這樣文本框的值才能在網(wǎng)址處顯示出來。
當你瀏覽a.htm頁并單擊提交按鈕時，頁面轉(zhuǎn)到b.asp頁，網(wǎng)址變?yōu)椋?
http://localhost/WebSite2/b.asp?Text1=11
如果不想讓值在網(wǎng)址處顯示出來，method值換成post即可。
然后在b.asp中就可以通過服務(wù)器端代碼獲取傳遞過來的值了。
當method=get時，b.asp頁面中通過<% =Request.QueryString["Text1"]%>獲取值并輸出；
當method=post時，b.asp頁面中通過<% =Request.Form["Text1"]%>獲取值并輸出。
2 只可能是post和get post:官方解釋是把數(shù)據(jù)通過post會話傳送到服務(wù)器。實際就是提交數(shù)據(jù)。 get:將表單中數(shù)據(jù)的按照variable=value的形式，添加到action所指向的URL后面，并且兩者使用“?”連接，而各個變量之間使用“&”連接；一般用來從服務(wù)器得到數(shù)據(jù)。
3,默認是get，所以一般我們都要指定為post
舉個例子：
比如說有2個頁面，a.htm和b.asp，你想將a.htm頁面表單中的值傳遞給b.asp頁面。
那么在a.htm中就會有如下的表單代碼：
復(fù)制代碼
代碼如下:<form id="form1" method="get" action="b.asp">
<input name="Text1" type="text" value="11" />
<input id="Submit1" type="submit" value="submit" />
</form>
上面的代碼中2個地方需要注意：
1、method的屬性是get，所以通過網(wǎng)址傳值，可見的；
2、表單中有2個對象，一個文本框，一個提交按鈕。要傳遞的是文本框的值，注意要把文本框的id屬性改成name屬性，這樣文本框的值才能在網(wǎng)址處顯示出來。
當你瀏覽a.htm頁并單擊提交按鈕時，頁面轉(zhuǎn)到b.asp頁，網(wǎng)址變?yōu)椋?
http://localhost/WebSite2/b.asp?Text1=11
如果不想讓值在網(wǎng)址處顯示出來，method值換成post即可。
然后在b.asp中就可以通過服務(wù)器端代碼獲取傳遞過來的值了。
當method=get時，b.asp頁面中通過<% =Request.QueryString["Text1"]%>獲取值并輸出；
當method=post時，b.asp頁面中通過<% =Request.Form["Text1"]%>獲取值并輸出。
相關(guān)文章
- 本文主要對HTML5表單新增屬性進行詳細介紹，并附上實例解析，簡單易懂。需要的朋友一起來看下吧2016-12-21
- 下面小編就為大家?guī)硪黄狧TML Form表單元素全面了解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-26
- 下面小編就為大家?guī)硪黄猦tml5表單及新增的改良元素詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-07
- 這篇文章主要為大家介紹了HTML5新增的表單元素和屬性,具有一定的參考價值！需要的朋友可以參考下2014-07-07
HTML5 的新的表單元素(datalist/keygen/output)使用介紹
HTML5 擁有若干涉及表單的元素和屬性，下面為大家介紹下新的表單元素datalist 元素、keygen 元素、output 元素以及它們的使用實例，感興趣的朋友可以參考下哈，希望對大家2013-07-19HTML5之HTML元素擴展(下)—增強的Form表單元素值得關(guān)注
在HTML5增強的元素中，最值得關(guān)注的就是表單元素;在HTML5中，表單已經(jīng)做了重大的修整，一些以前需要通過JavaScript編碼實現(xiàn)的功能現(xiàn)在無需編碼就可輕松實現(xiàn),感興趣的朋友可2013-01-31- 點擊這里返回網(wǎng)頁教學(xué)網(wǎng) HTML教程 欄目． 上文：標記語言——引用 原文出處 chapter 5 表單 互動性一直是互聯(lián)網(wǎng)的重點,讓使用者與網(wǎng)站能夠交換信息2008-10-17
- 本教程介紹FORM表單標記的各種屬性在網(wǎng)頁設(shè)計中的應(yīng)用. <FORM>標記的NAME屬性 基本語法 01 <Form name="Form＿name"> 02 ……2008-10-17
- 假設(shè)現(xiàn)在要在表單中添加這樣一項內(nèi)容：瀏覽所在的城市。這里不說全國的城市，只說省會以上的城市就有幾十個。如果以上面講過的單選按鈕的形式，將這些城市全部羅列在網(wǎng)頁上2008-10-17
- 帶有圖片預(yù)覽功能的上傳表單，完整的HTML代碼如下所示 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=2008-10-17