Javascript 如何在CSS/HTML中实现与密码字段一起使用的非常简单的文本框提示？

我希望我的web应用程序中的大多数文本框显示一个提示，以尽量减少屏幕上的混乱

我遇到过很多解决方案，但对于我想要的，它们似乎都很复杂。现在可能值得指出的是，我的Javascript知识相当贫乏

我所需要的只是一个简单的脚本，它将允许我有文本框提示（带有CSS样式，这样我就可以将其变为灰色和斜体），并且可以使用密码字段

我确实有一个脚本，但它只允许我每页有一个密码字段，而且它不太容易在任何地方使用

谢谢你，非常感谢你的帮助

---

编辑：不幸的是，这也需要与IE6兼容。

最安全的方法可能是创建两个密码框，例如，其中一个密码框中包含文本，请执行以下操作：

<input style="color:#B0AEAE;width:167px;display:none;" id="password_text" type="text" value="Password" />
<input type="password" id="password_password" name="password" style="width:167px" maxlength="20"/>

}))

把这个放在最上面：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

很抱歉，您找不到愿意为您搜索某段代码的人。有很多代码博客正是针对这个问题的。请用谷歌搜索一下，你所说的“提示”被称为占位符。使用它们代替单独的字段标签被认为是一个严重的可用性问题。@Pointy我不认为他要求我们删除字段标签……他只是要求我们提供一些提示，说明如果标签不是自解释的，应该在字段中做些什么。@Mostaz我在谷歌上搜索过，我发现的只是JQuery解决方案，似乎是非常复杂，代码很难集成。因为我对Javascript知之甚少，所以我需要澄清“如果”有一种更简单的方法更适合我的需要；我从“最小化混乱”这句话中得到了启示。这句话很棒，简单，干净，而且不会弄乱DIV标签，非常感谢。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>