如何在用户点击之前在文本框中编写内容

Question

我希望用户名 - 文本框中的文本“用户名”为灰色，直到用户点击它为止。当他进入某物时，盒子应该是空的，并且再次是黑色。

怎么做？

Answer 1

你应该检查asp.net ajax水印扩展器以获得跨浏览器的兼容性：

Link

首先，您需要包含ajaxToolkit，然后您可以像这样使用它：

<ajaxToolkit:TextBoxWatermarkExtender ID="TBWE2" runat="server"
    TargetControlID="**YouTextBoxID**"
    WatermarkText="Type First Name Here"
    WatermarkCssClass="watermarked" />

Answer 2

支持像chrome这样的css3的现代浏览器允许输入元素的占位符属性。例如：

<input name="username" placeholder="User name" />

参考：http://www.w3schools.com/tags/att_input_placeholder.asp

替代方法是使用javascript onfocus / onblur来显示/删除文本框中的占位符文本

Answer 3

正如@rajesh所提到的，您可以在现代浏览器中使用placeholder属性。

对于旧版浏览器，请搜索“html textbox watermark”。 Here's一些不错的javascript解决方案，