在網站建設中,表單數據被準確發送到服務器端后,服務器后臺程序就可以捕獲、接收這些數據了,并根據需要對這些數據進行各種處理,例如,把表單數據寫入到數據庫,或者對數據進行簡單的處理后再響應給客戶端瀏覽器,也可以利用表單數據進行各種復雜的計算,以實現Web應用的目的。
使用$_POST獲取文本框值很簡單。例如,在本地站點根目錄下新建一個index.html文件,設計一個表單界面,在其中添加一個文本框,同時定義表單的action屬性為request.php,當提交數據后,request.php將接收數據并響應給用戶,演示效果如下圖所示。
【操作步驟】第1步,啟動Dreamweaver CC,選擇【文件】|【新建】命令,打開【新建文檔】對話框,如下圖所示。在該對話框中選擇“空白頁”選項,設置頁面類型為“HTML”,設置文檔類型為“HTML5”,然后單擊【確定】按鈕,完成文檔的創建操作。
第2步,按Ctrl+S快捷鍵,保存文檔為in-dex.html。打開模板頁(orig.html),完全復制該頁面的代碼到index.html中。
第3步,把光標置于插入表單的具體位置,這里為<div data-role="content">標簽中。然后選擇【插入】|【表單】|【表單】命令,在當前光標位置插入一個表單框。
第4步,選中表單框<form>標簽,然后在【屬性】面板中設置action和metho屬性值,定義請求文件為同目錄下的request.php,請求的方式為POST,設置如下圖所示。
第5步,把光標置于<form>標簽內,再插入一個文本框和提交按鈕,定義文本框的name屬性值為user,提交按鈕的value屬性值為“提交數據”,設計完整的表單結構代碼如下:
<form id="form1" name="form1" method="post" action="request.php"> <label>用戶名 <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|【表單變量】命令,插入一個表單變量。
第8步,切換到代碼視圖,設置表單變量的名稱為user,該名稱為index.html文檔中文本框的name屬性值。同時在表單變量前面輸入echo命令,表示在頁面中輸出表單變量的值,完整代碼如下:
<div data-role="content"> <h1>歡迎光臨</h1> <h2><?php echo $_POST["user"]; ?></h2></div>
第9步,在瀏覽器中預覽index.html頁面,然后在表單中輸入信息,單擊【提交數據】按鈕提交表單,則在打開的request.php頁面中立即顯示剛輸入的信息,如下圖所示。
當前文章標題:獲取文本框的值
當前URL:http://www.ccaudelo.com/news/wzzz/3260.html
上一篇:定義提交方法和定義請求地址
下一篇:獲取下拉菜單的值