如何在地址栏中显示输入文本

时间:2018-01-07 18:45:10

标签: javascript jquery html5

出于某种原因,这让我疯了。我有一个使用[http://pubsgrants.com/app/login.html]

上的两个输入字段登录的网页
<input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md" >

<input id="passwordinput" name="passwordinput" type="password" placeholder="" class="form-control input-md" >

<button id="singlebutton" name="singlebutton" onclick="doSignin();" class="btn btn-primary">SIGN IN</button>

我有一个简单的函数来检查textinput,如果它不是它在页面上显示的某个值。如果它是正确的,它将转到应用程序。我的问题是如果登录不正确,它会将所有内容放在地址栏中,例如:

  

http://pubsgrants.com/app/login.html?textinput=stuff&passwordinput=pass&singlebutton=#

如何阻止这种情况?这是正常行为吗?

2 个答案:

答案 0 :(得分:1)

要立即修复,您可以在表单块外移动按钮;

<form>
   <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md" >
  <input id="passwordinput" name="passwordinput" type="password" placeholder="" class="form-control input-md" >
</form>

<button id="singlebutton" name="singlebutton" onclick="doSignin();" class="btn btn-primary">SIGN IN</button>

答案 1 :(得分:0)

<form action="" method="GET">

<form action="" method="POST">

这将隐藏您在表单中发送的任何值。

通常,在发送敏感数据时使用POST。在你的情况下,你使用GET。使用GET方法登录不是一种常态。