javascript - 使用保存的密码使输入元素内的标签消失

Question

我在我的输入字段中放置了标签，以便在背景中显示解释性文本，当用户在该字段中键入时，文本会消失。我正在使用此处解释的示例:How to create a label inside an <input> element?特别是在 http://attardi.org/

当密码由浏览器(例如 Google chrome)保存时，文本会变成乱码，如下图所示(目前在我的本地计算机上):

已保存密码的背景文本不会消失。任何帮助将不胜感激 - 谢谢。

Answer 1

您还可以利用新的 placeholder 属性。 Read about it here .

虽然没有 IE 支持。

选项 2 将使用 Jquery。由于您已经将 Jquery 用于 label 解决方案，因此您可以添加代码来检查 input 的 value > 文档加载后，相应地显示或隐藏标签。

此代码将放在 document ready function 中:

$(function() {
    // Handler for .ready() called.
});