HTML登录页面如何隐藏URL中的表单数据？

你遇到的核心问题是表单提交方式不对——数据出现在URL里，是因为你用了GET提交方法，这种方法本来就会把表单参数拼在URL上，和你改输入框类型没关系。type="hidden"是用来存不需要用户输入的隐藏数据，根本不是用来做密码输入的，密码输入就得用type="password"，它的作用是隐藏你输入的明文内容。

要把数据从URL里藏起来，只需要改一个地方：

• 给你的<form>标签加上method="post"属性，替换掉原来的method="get"（如果没写method，浏览器默认用GET）

给你个示例代码参考：

<form action="你的登录处理地址" method="post">
  <input type="text" name="txt" placeholder="用户名">
  <input type="password" name="pswd" placeholder="密码">
  <button type="submit">登录</button>
</form>

改成POST提交后，表单数据会放在HTTP请求的请求体里，不会出现在URL上，同时密码输入时还是会被隐藏成圆点/星号，完全符合登录的需求。

最后提一句：POST只是不让数据显示在URL里，但传输过程还是明文的，正式上线一定要用HTTPS协议，才能真正保证数据安全。

内容的提问来源于stack exchange，提问作者user23472212