獲取文本框的值

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

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

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

b62cfffa67158b6ef716db8595c913f1.jpg

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

ff5e7ce80fbe8b5c30b6c27d1bcbdb87.jpg

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

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

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

cff581f69fb634fdb4edba798f39a96d.jpg

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

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

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

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

第8步,切換到代碼視圖,設置表單變量的名稱(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步,在瀏覽器中預覽index.html頁(yè)面,然后在表單中輸入信息,單擊【提交數據】按鈕提交表單,則在打開(kāi)的request.php頁(yè)面中立即顯示剛輸入的信息,如下圖所示。

9621813d6f1f4f3a87aa884cc60b62ed.jpg

當前文章標題:獲取文本框的值

當前URL:http://amzcoolest.com/news/wzzz/3260.html

上一篇:定義提交方法和定義請求地址

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

網(wǎng)站建設、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專(zhuān)線(xiàn):15368242187(微信同號)
亚洲精品无码mv在线|新国产精品视频福利免费|日韩高清在线观看不卡一区二区|一本久久a久久精品免费不|亚洲私人无码内射免费观看