HTML密码输入 - URL中显示的密码

时间:2014-10-31 18:06:05

标签: html url input passwords

好的,这就是问题所在。我有一个密码输入表单,如下所示:

<form class="form1" action="WEBSITE.HTML" onsubmit="return (this.pass.value==='1234')?true:false;">
    <div class="row uniform half collapse-at-2">
        <div class="8u">
            <input type="password" name="pass" id="password" placeholder="Input password"/>
        </div>
    <div class="4u">
        <input class="fit" type="submit" value="Go" onclick="if (document.getElementById('password').value == '1234');" />
    </div>
    </div>
</form>

效果很好,唯一的问题是,当我提交正确的密码时,它会将我重定向到网站,例如google,使用以下网址:google.com?pass = 1234。因此,当有人正确输入密码时,它基本上会显示密码。有什么方法可以避免这种情况吗?希望我很清楚。

1 个答案:

答案 0 :(得分:1)

在表单中添加method属性:

<form method="post" class="form1" action="WEBSITE.HTML" onsubmit="return (this.pass.value==='1234')?true:false;">

我认为您不需要使用===,而是使用简单的==

<强>更新

如果您的网站不喜欢某些隐藏的帖子值,请使用重定向而不发送任何值:

<form class="form1" onsubmit="validateForm(); return false;">
    <div class="row uniform half collapse-at-2">
        <div class="8u">
            <input type="password" name="pass" id="password" placeholder="Input password"/>
        </div>
    <div class="4u">
        <input class="fit" type="submit" value="Go" />
    </div>
    </div>
</form>
<script type="text/javascript">
function validateForm()
{
    var pass = document.getElementById('password').value;
    if(pass == '1234') //here 1234 is your password
        window.location = 'https://www.google.com';
}
</script>