<output id="jbxdv"></output>

      1. 獲取文本框的值

        • 2020-08-13 17:00:57
        • 閱讀次數:
        • 作者:盈嵐科技小編
        • 來源:http://www.freenetsites.com

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

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

        b62cfffa67158b6ef716db8595c913f1.jpg

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

        ff5e7ce80fbe8b5c30b6c27d1bcbdb87.jpg

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

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

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

        cff581f69fb634fdb4edba798f39a96d.jpg

        第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頁面中立即顯示剛輸入的信息,如下圖所示。

        9621813d6f1f4f3a87aa884cc60b62ed.jpg

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

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

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

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

        網站建設、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號)
        国产成人亚洲综合无码
        <output id="jbxdv"></output>