如何在文本框中编写内容,直到用户单击它

How to write something in textbox until user clicks it

本文关键字:用户 单击 文本      更新时间:2023-09-26
我想在用户名

文本框中有一个灰色的文本"用户名",直到用户单击它。当他进入某样东西时,盒子应该是空的,并且再次是黑色的。

怎么做?

支持

css3的现代浏览器(如chrome(允许输入元素的占位符属性。例:

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

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

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

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

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

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

链接

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

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