相关疑难解决方法(0)

有没有办法阻止LastPass浏览器扩展插入一个名为"username"的输入字段的基于HTML的表单？

这是一个隐藏的字段,因此我不希望任何软件将此字段用于其目的:

<input type="text" name="username" id="checkusername" maxlength="9" value="1999" class="longinput" style="display:none">

解决方案不应该像"重命名输入字段".

注意:如果您正在实施文本安全功能,我已经开发了一个jQuery插件来实现这一目标.

我正在使用text-security样式输入:

input.square-password {
  -webkit-text-security: square;     
}

在不支持的Web浏览器中,text-security只显示密码(没有星号(****)).

我期待通过使用text-security何时可用或使用标准星号来降低不支持它们的浏览器的此功能.

输入HTML是:

<input class="square-password textbox" name="paymentpassword" />

我尝试添加一个type="password"attr:

<input type="password" class="square-password textbox" name="paymentpassword" />

但它text-security甚至会覆盖支持它的浏览器.

任何解决方法？是否可以通过输入设置星号CSS(无类型="密码")？

编辑:文本安全似乎只有webkit支持.

编辑2:设置为type="password"无法使用文本安全性设置的输入.甚至没有!important(type ="email")

编辑3: @ryan答案工作正常:

• 火狐
• 铬
• 歌剧

在IE8中无法更改输入类型？

在现代浏览器中，自动填充和自动完成功能的标准是完全忽略autocomplete="off"放置在中的密码字段form。并插入保存的密码，即使它位于用户管理页面中也是如此。尽管原因在正确的地方，但这使创建用户管理页面变得非常痛苦。

我团队的Web应用程序以angular 7运行，目前仅支持chrome。但是我们很有可能需要支持其他浏览器，例如Internet Explorer，Edge，Firefox等。

我知道这是一个很大程度上受感动，而且我能找到类似这个问题（解答问题这样的，或本）。但是到目前为止，我发现的每个解决方案都有至少一个大缺陷。

到目前为止，我在chrome上所做的尝试：

1）使用 autocomplete="new-password"

铬/铬开发人员似乎对此也忽略了这一点type="password"。

2）type="text" autocomplete="new-password"与星号字体家族一起使用

这会导致Chrome无法自动填充输入字段并隐藏字母。但是最大的缺点是它的价值仍然存在，并且可以复制粘贴到其他字体系列中。输入字段也失去了安全性type="password"，任何黑客都可以轻松获得价值。

3）使用-webkit-text-security

该解决方案与以前的解决方案几乎相同，但是它甚至不是CSS标准，并且很少有浏览器支持它。

4）用*代替值

这是我到目前为止尝试过的最棘手的解决方案。当输入值更改时，我在打字稿中调用一个函数：将新字符添加到本地字符串，将DOM值更改为*等于字符数，在上返回本地保存的值(blur)。

这给我留下了很多问题要解决，包括：删除字符串中的任何字符总是会删除最后一个字符，除了最后一个问题外，即使值被完全擦除，第一个字符也将始终保持不变。知道字符串中要删除字符的位置。

该解决方案不理想。

5）在浏览器设置中禁用域密码管理

这确实不是解决问题的方法，因为这意味着我希望用户关闭域的密码管理。这还会导致许多用户可能需要的密码无法保存在登录页面上。

6）随机化[name]和[autocomplete]取值

通过将所述值绑定到基于当前时间的随机字符串的一种方法，我可以确保密码字段与浏览器保存的任何字段都不匹配。尽管许多人报告说这在所有浏览器之间都有效，但是使用chrome似乎根本不适合我。对于我来说，只要输入的是，Chrome就会显示建议的密码type="password"。

到目前为止我看到的解决方案：

1）使用两个输入字段

在我看来，这与我自己的解决方案4）相同。并且可能会同样麻烦。

2）使用jQuery禁用自动填充插件

这似乎非常接近我在寻找什么，但问题是它使用了jQuery。我只能说我被告知我们没有使用jQuery，而且我可能将无法直接使用该插件。

我目前正在寻找一种使用angular来实现此方法的方法，希望能对此有所帮助或指示。

如果您知道我上面没有提到的任何解决方案，请发布答案或在评论中给我链接。

我想创建一个表单,用户可以在其中输入电子邮件和4位数PIN.对于PIN输入我想使用<input type="number">而不是正则表达式,但我不知道如何隐藏输入的数字.