HTML Password input - Password revealed in the URL - html

Question

Ok, so this is the problem. I have a password input form that looks like this:
<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>
It works great, the only problem is that when I submit the right password, it redirects me to the website, for example, google, with this URL: google.com?pass=1234. So it basically reveals the password when someone inputs it correctly. Is there any way to avoid this? Hope I was clear enough.

Answer 1

Put method attribute in your form:
<form method="post" class="form1" action="WEBSITE.HTML" onsubmit="return (this.pass.value==='1234')?true:false;">
And I think you don't need to use ===, use simple == instead.
UPDATE:
if your site doesn't like some hidden post values, use redirect without sending any of values:
<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>