javascript - 如何在文本框中写一些东西直到用户点击它

Question

我想在用户名文本框中有一个灰色的文本“用户名”，直到用户点击它。当他输入一些东西时，盒子应该自动清空并再次变成黑色。

怎么做？

Answer 1

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

关联

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

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

Answer 2

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

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

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

另一种方法是使用 javascript onfocus/onblur 显示/删除文本框中的占位符文本

Answer 3

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

对于较旧的浏览器，请搜索“html 文本框水印”。这里有一些很好的 javascript 解决方案，