单击清除值时的asp输入字段

时间:2012-12-07 11:16:40

标签: asp.net

我想用我的asp表单字段更改输入的值,以便在单击时清除内容,如果有人没有键入任何值并单击另一个字段,它将再次重新添加默认值,如果改变则会留下新文本。

例如。字段:

 <asp:TextBox ID="NameInfo"  CssClass="NameInfo" Width="300" runat="server" text="Name" />

预先感谢任何回复。我是asp的初学者所以我不确定如何做这些类型的功能。

2 个答案:

答案 0 :(得分:2)

我相信使用jQuery和插件可以最好地实现您所需的功能。或许考察一下经验运作良好的http://code.google.com/p/jquery-watermark

您应该只需要下载该库,然后在页面的head标签中包含以下内容:

<script type="text/javascript" src="/path/to/jquery.js"></script>
<script type="text/javascript" src="/path/to/watermarkplugin.js"></script>
<script type="text/javascript">
      $(document).ready(function() {
         $("#<%=NameInfo.ClientID").watermark('The text you want to appear');
      });
</script>

答案 1 :(得分:0)

找到一个简单的替代方案:

 <asp:TextBox ID="NameInfo" CssClass="NameInfo" onfocus="if(this.value == 'Name'){this.value='';}" onblur="if(this.value == ''){this.value='Name';}" Width="300" runat="server" text="Name" />