獲取文本框的值

  • 2020-08-13 17:00:57
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來(lái)源:http://51zuanshi.com.cn

網(wǎng)站建設(shè)中,表單數(shù)據(jù)被準(zhǔn)確發(fā)送到服務(wù)器端后,服務(wù)器后臺(tái)程序就可以捕獲、接收這些數(shù)據(jù)了,并根據(jù)需要對(duì)這些數(shù)據(jù)進(jìn)行各種處理,例如,把表單數(shù)據(jù)寫(xiě)入到數(shù)據(jù)庫(kù),或者對(duì)數(shù)據(jù)進(jìn)行簡(jiǎn)單的處理后再響應(yīng)給客戶(hù)端瀏覽器,也可以利用表單數(shù)據(jù)進(jìn)行各種復(fù)雜的計(jì)算,以實(shí)現(xiàn)Web應(yīng)用的目的。

使用$_POST獲取文本框值很簡(jiǎn)單。例如,在本地站點(diǎn)根目錄下新建一個(gè)index.html文件,設(shè)計(jì)一個(gè)表單界面,在其中添加一個(gè)文本框,同時(shí)定義表單的action屬性為request.php,當(dāng)提交數(shù)據(jù)后,request.php將接收數(shù)據(jù)并響應(yīng)給用戶(hù),演示效果如下圖所示。

b62cfffa67158b6ef716db8595c913f1.jpg

【操作步驟】第1步,啟動(dòng)Dreamweaver CC,選擇【文件】|【新建】命令,打開(kāi)【新建文檔】對(duì)話(huà)框,如下圖所示。在該對(duì)話(huà)框中選擇“空白頁(yè)”選項(xiàng),設(shè)置頁(yè)面類(lèi)型為“HTML”,設(shè)置文檔類(lèi)型為“HTML5”,然后單擊【確定】按鈕,完成文檔的創(chuàng)建操作。

ff5e7ce80fbe8b5c30b6c27d1bcbdb87.jpg

第2步,按Ctrl+S快捷鍵,保存文檔為in-dex.html。打開(kāi)模板頁(yè)(orig.html),完全復(fù)制該頁(yè)面的代碼到index.html中。

第3步,把光標(biāo)置于插入表單的具體位置,這里為<div data-role="content">標(biāo)簽中。然后選擇【插入】|【表單】|【表單】命令,在當(dāng)前光標(biāo)位置插入一個(gè)表單框。

第4步,選中表單框<form>標(biāo)簽,然后在【屬性】面板中設(shè)置action和metho屬性值,定義請(qǐng)求文件為同目錄下的request.php,請(qǐng)求的方式為POST,設(shè)置如下圖所示。

cff581f69fb634fdb4edba798f39a96d.jpg

第5步,把光標(biāo)置于<form>標(biāo)簽內(nèi),再插入一個(gè)文本框和提交按鈕,定義文本框的name屬性值為user,提交按鈕的value屬性值為“提交數(shù)據(jù)”,設(shè)計(jì)完整的表單結(jié)構(gòu)代碼如下:

<form id="form1" name="form1" method="post" action="request.php">    <label>用戶(hù)名        <input name="user" type="text" id="user" /></label>        <input type="submit" value="提交數(shù)據(jù)" /></form>

第6步,選擇【文件】|【另存為】命令,把index.html另存為request.php。在request.php文檔中,清除表單結(jié)構(gòu),然后在<div data-role="con-tent">標(biāo)簽中輸入文本“歡迎光臨”,在【屬性】面板中設(shè)置“格式”為一級(jí)標(biāo)題。

第7步,按Enter鍵另起一行,設(shè)置格式為二級(jí)標(biāo)題。選擇【插入】|PHP|【表單變量】命令,插入一個(gè)表單變量。

第8步,切換到代碼視圖,設(shè)置表單變量的名稱(chēng)為user,該名稱(chēng)為index.html文檔中文本框的name屬性值。同時(shí)在表單變量前面輸入echo命令,表示在頁(yè)面中輸出表單變量的值,完整代碼如下:

<div data-role="content">    <h1>歡迎光臨</h1>    <h2><?php echo $_POST["user"]; ?></h2></div>

第9步,在瀏覽器中預(yù)覽index.html頁(yè)面,然后在表單中輸入信息,單擊【提交數(shù)據(jù)】按鈕提交表單,則在打開(kāi)的request.php頁(yè)面中立即顯示剛輸入的信息,如下圖所示。

9621813d6f1f4f3a87aa884cc60b62ed.jpg

當(dāng)前文章標(biāo)題:獲取文本框的值

當(dāng)前URL:http://51zuanshi.com.cn/news/wzzz/3260.html

上一篇:定義提交方法和定義請(qǐng)求地址

下一篇:獲取下拉菜單的值

網(wǎng)站建設(shè)、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專(zhuān)線(xiàn):15368242187(微信同號(hào))