獲取密碼域和隱藏域的值的方法與獲取文本框的值方法相同,都是直接通過(guò)name屬性快速讀取值。下面示例演示了如何獲取用戶提交的用戶名和密碼,并根據(jù)隱藏域提交的值進(jìn)行適當(dāng)提示,演示效果如下圖所示。
示例效果【操作步驟】第1步,打開(kāi)模板頁(yè)(orig.html),另存為in-dex.html。
第2步,把光標(biāo)置于<div class="container">標(biāo)簽中,然后選擇【插入】|【表單】|【表單】命令,在當(dāng)前光標(biāo)位置插入一個(gè)表單框。
第3步,選中表單框<form>標(biāo)簽,在【屬性】面板中設(shè)置action和metho屬性值,定義請(qǐng)求文件為同目錄下的request.php,請(qǐng)求的方式為POST。
第4步,把光標(biāo)置于<form>標(biāo)簽內(nèi),插入一個(gè)文本框、一個(gè)密碼域、一個(gè)隱藏域和一個(gè)提交按鈕,定義輸入文本域的name屬性值分別為user、pass和grade;定義提交按鈕的value屬性值為“提交數(shù)據(jù)”。
第5步,切換到代碼視圖,可以看到設(shè)計(jì)完整的表單結(jié)構(gòu)代碼如下:
<div class="container"> <form id="form1" name="form1" method="post" action="request.php"> <div class="input-group input-group-lg"> <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span> <input type="text" name="user" class="form-control" placeholder="請(qǐng)輸入用戶名"> </div><br> <div class="input-group input-group-lg"> <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span> <input type="password" name="pass" class="form-control" placeholder="請(qǐng)輸入密碼"> </div><br> <input name="grade" type="hidden" value="1" /> <input type="submit" value="提交數(shù)據(jù)" class="btn btn-success btn-block" /> </form></div>
第6步,選擇【文件】|【另存為】命令,把index.html另存為request.php。在request.php文檔中,清除表單結(jié)構(gòu)。然后在<div class="con-tainer">標(biāo)簽中輸入下面HTML代碼和內(nèi)容,并使用$_POST方法在標(biāo)簽中嵌入從客戶端獲取的輸入域的值。
<div class="container"> <h2><?php echo $_POST["user"] ?>,您好</h2> <p>你的密碼是 <span class="btn btn-primary"><?php echo $_POST["pass"] ?></span>,請(qǐng)牢記。</p> <p>你目前是 <code><?php echo $_POST["grade"] ?></code>級(jí)用戶,請(qǐng)繼續(xù)努力。</p></div>第7步,在瀏覽器中預(yù)覽index.html頁(yè)面,然后輸入用戶信息,單擊【提交數(shù)據(jù)】按鈕提交表單,則在打開(kāi)的request.php頁(yè)面中立即顯示如圖上圖所示的效果。
當(dāng)前文章標(biāo)題:獲取密碼域和隱藏域的值
當(dāng)前URL:http://www.gtalker.cn/news/wzzz/3263.html
上一篇:獲取列表框的值
下一篇:獲取單選按鈕的值