如何使HTML文本框为空时显示提示？

Question

我希望网页上的搜索框以灰色斜体显示单词“搜索”。当框获得焦点时，它应该看起来像一个空的文本框。如果其中已经有文本，则应正常显示文本（黑色，非斜体）。这将帮助我通过除去标签来避免混乱。顺便说一句，这是页面上的Ajax搜索，因此没有按钮。

Answer 1

如果您很高兴只对较新的浏览器拥有此功能，那么另一个选择是使用HTML 5的placeholder属性提供的支持：

<input name="email" placeholder="Email Address">

在没有任何样式的情况下，Chrome中的外观如下：

您可以在此处以及使用CSS的HTML5占位符样式中进行演示。

确保检查此功能的浏览器兼容性。3.7中添加了对Firefox的支持。铬很好。Internet Explorer仅在10中添加了支持。如果定位的浏览器不支持输入占位符，则可以使用称为jQuery HTML5 Placeholder的jQuery插件，然后只需添加以下JavaScript代码即可启用它。

$('input[placeholder], textarea[placeholder]').placeholder();