css - 像密码输入一样设计我的文本输入

Question

我正在开发一个要求用户输入信用卡的网络应用程序 (angularjs)。信用卡的前 12 位数字必须对用户不可见，所以目前我正在使用密码输入来实现这一点。

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

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

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 .