获取密码域和隐藏域的值

  • 2020-08-19 16:33:14
  • 阅读次数:
  • 作者:盈岚科技小编
  • 来源:http://www.lyjtt.cn

获取密码域和隐藏域的值的方法与获取文本框的值方法相同,都是直接通过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页面中立即显示如图上图所示的效果。


当前文章标题:获取密码域和隐藏域的值

当前URL:http://www.lyjtt.cn/news/wzzz/3263.html

上一篇:获取列表框的值

下一篇:获取单选按钮的值

网站建设、抖音推广、头条推广、微信朋友圈推广、快手推广专线:15368242187(微信同号)