隐藏用户的密码字段内容

时间:2015-12-23 07:44:13

标签: javascript jquery html html5 css3

我想知道我是否有可能从以下方面做点什么:

1)将视图源中可见的源代码替换为图像,或者根本不替换任何内容。

2)隐藏value attribute标记<inpt type="password" ....>,以便用户输入的密码对任何人都不可见。

提前致谢。

4 个答案:

答案 0 :(得分:4)

  1. 您可以缩小HTML以使其略微不可读,但是将其简化为无关紧要。你不能做任何进一步的事情去除&#34;删除&#34;或者&#34;隐藏&#34;它。
  2. 您的意思是在用户输入内容后隐藏value属性,或隐藏服务器发送的值?如果是前者,您可以使用JavaScript来提取值,因为它键入了某个变量并用gibberish替换该值。如果是后者,那么显而易见的答案是不发送该值。

答案 1 :(得分:2)

无法在浏览器中隐藏源代码,因为这是构建这些内容的方式。 Web是一个开放平台,使用Web的开发人员在处理项目时需要具有视图源功能。请问您为什么觉得需要隐藏源代码和密码?

答案 2 :(得分:1)

回答第一个问题:不。这是浏览器的设计方式,还有很多其他方法可以请求页面查看源代码。例如,您可以使用Fiddler查看服务器和浏览器之间的流量。

至于第二个问题......你为什么试图隐藏密码?

使用密码输入类型可以防止任何人在屏幕上看到密码。所以我假设这是为了阻止正在传输的数据?

如果要保护客户端与服务器之间的连接,则应考虑使用安全(https)连接。感谢LetsEncrypt这是免费的,因此它不再是一个昂贵的选择。

答案 3 :(得分:1)

查看源代表静态HTML,因此如果您动态创建任何元素,它将不会显示在视图源中。

注意: 仍然可以使用开发工具访问这些字段。

以下是示例代码:

JSFiddle

&#13;
&#13;
<div id="content">
  <input type="text" id="txtUserName">
</div>
<button onclick="submit()">submit</button>
&#13;
ejs
&#13;
&#13;
&#13;