javascript - 样式表单时的填充文本

Question

关于我设计的登录表单，我有两个问题。我正在使用 onfocus 自动删除用户输入电子邮件的框中的“电子邮件”文本，密码框也是如此。

1. 如何将此文本设为不同的颜色(即灰色)，然后将实际输入颜色设为黑色？
2. 这对于全明星密码字段如何工作？

我正在努力实现的一个很好的例子是 Twitter 登录页面(减去更复杂的淡入淡出效果)。

非常感谢。

Answer 1

以防万一你不知道...

无需 javascript 即可实现。 HTML5 为我们提供了 placeholder 属性，它完全符合您的要求。

例子:

<input type="text" placeholder="Your Name" />
<input type="password" placeholder="Your Password" />

演示:http://jsfiddle.net/rxfyj/

浏览器支持有限，但我认为向前发展 - 这是实现此功能的最佳方式，同时在绝对必要时提供 javascript 回退。那里有很多占位符插件，但几乎所有我都遇到过 have issues .

更多信息:http://diveintohtml5.ep.io/detect.html#input-placeholder