jquery - 我怎样才能隐藏一个元素？

Question

我正在尝试禁用浏览器的“保存密码”功能(我的 previous question)。为此，我刚刚在表单中添加了一个新的输入 type="password" 字段，所以这是代码:

<form method="post" action="yoururl">
    <input type="password" style="display:none"/><!-- Making "Save Password" disable -->
    <input type="text" name="username" placeholder="username"/>
    <input type="password" name="password" placeholder="password"/>
</form>

注意:使用 autocomplete=false 在现代浏览器上不起作用。所以请不要建议。事实上我正在尝试使用 this approach .

问题是什么？当我通过 display:none 隐藏无用的输入时，它不起作用(我的意思是保存密码选项仍然是那里。)。但是当我通过 visibility:hidden 隐藏那些无用的输入时，它起作用了。

如您所知，可见性属性会占用页面上的空间，我不希望这样。那么我怎样才能隐藏那个无用的输入来既隐藏它又删除它的空间呢？

• display:none 很好，但破坏了我添加无用输入的目的。
• visibility:hidden 不好，因为它会占用页面空间。

那么还有别的办法吗？

Answer 1

有很多可能的解决方案。

一个可能是:

input[type='password']:nth-of-type(1) {
visibility: hidden;
width: 1px;
height: 1px;
}