获取密码域和隐藏域的值

获取密码域和隐藏域的值的方法与获取文本框的值方法相同,都是直接通过name属性快速读取值。下面示例演示了如何获取用户提交的用户名和密码,并根据隐藏域提交的值进行适当提示,演示效果如下图所示。

308dc3e4c551b8e2f4baa2d80f52c5e3.jpg

 示例效果【操作步骤】第1步,打开模板页(orig.html),另存为in-dex.html。

第2步,把光标置于<div class="container">标签中,然后选择【插入】|【表单】|【表单】命令,在当前光标位置插入一个表单框。

第3步,选中表单框<form>标签,在【属性】面板中设置action和metho属性值,定义请求文件为同目录下的request.php,请求的方式为POST。

第4步,把光标置于<form>标签内,插入一个文本框、一个密码域、一个隐藏域和一个提交按钮,定义输入文本域的name属性值分别为user、pass和grade;定义提交按钮的value属性值为“提交数据”。

第5步,切换到代码视图,可以看到设计完整的表单结构代码如下:

<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="请输入用户名">        </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="请输入密码">        </div><br>        <input name="grade" type="hidden" value="1" />        <input type="submit" value="提交数据" class="btn btn-success btn-block" />    </form></div>

第6步,选择【文件】|【另存为】命令,把index.html另存为request.php。在request.php文档中,清除表单结构。然后在<div class="con-tainer">标签中输入下面HTML代码和内容,并使用$_POST方法在标签中嵌入从客户端获取的输入域的值。

<div class="container">    <h2><?php echo $_POST["user"] ?>,您好</h2>    <p>你的密码是 <span class="btn btn-primary"><?php echo $_POST["pass"] ?></span>,请牢记。</p>    <p>你目前是 <code><?php echo $_POST["grade"] ?></code>级用户,请继续努力。</p></div>第7步,在浏览器中预览index.html页面,然后输入用户信息,单击【提交数据】按钮提交表单,则在打开的request.php页面中立即显示如图上图所示的效果。


网站建设、网络营销咨询专线:0871-63535511(点击可一键拨号)