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