设置我的文本输入就像密码输入一样

Question

我正在开发一个需要用户输入信用卡的webapp（angularjs）。信用卡的前12位数字必须对用户不可见，因此目前我正在使用密码输入来实现此目的。

问题在于Chrome认为我真的在写密码，所以它让我可以选择使用/更改此网站的存储凭据：

所以我想知道是否有我可以使用的CSS方式或角度插件，以使我的文本输入看起来像用户的密码。

Answer 1

您可以使用 HTML5输入类型密码，如下所示：

.pass, .regular{
  float: left;
  width: 80px;
  margin: 5px 0px 15px 15px;
}

<div>
  <p>Credit Card:</p>
	<input type="password" class="pass">
	<input type="password" class="pass">
	<input type="password" class="pass">
	<input type="text" class="regular">
</div>

此处指向example的链接。

Answer 2

我无法使用HTML输入类型密码，因为它尝试使用我的站点凭据进行自动填充，因此我使用了Nirav Parmar的答案并使用：-webkit-text-security：disc;

但是，这仅适用于Chrome，对于所有浏览器，您都可以使用此插件创建仅基于圆圈或点的字体。 https://github.com/noppa/text-security