当前位置: 代码迷 >> ASP.NET >> 请教.net 2.0 中TextBox如何实现这样的效果?多谢
  详细解决方案

请教.net 2.0 中TextBox如何实现这样的效果?多谢

热度:7010   发布时间:2013-02-25 00:00:00.0
请问.net 2.0 中TextBox怎么实现这样的效果?谢谢!
比如我有个TextBox是让用用户输入网址内容的,可否在网页初始化的时候TextBox内提示:请输入网址的字样,当鼠标焦点移到框内时候提示文字自动消失?这个用javascript 实现的吧?谢谢指点!

------解决方案--------------------------------------------------------
HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD>  <TITLE> New Document </TITLE>  <META NAME="Generator" CONTENT="EditPlus">  <META NAME="Author" CONTENT="">  <META NAME="Keywords" CONTENT="">  <META NAME="Description" CONTENT="">  <script type="text/javascript">  function a(args){  if(args){    if(args.value == "pleas input ..."){    args.value = "";    }  }  }  </script> </HEAD> <BODY>  <input type="text" value="pleas input ..." id="x" onclick="a(this);" onfocus="a(this);" onkeydown="a(this);"/> </BODY></HTML>
------解决方案--------------------------------------------------------
<asp:TextBox runat="server" ID="txt" Text="请输入网址" onmouseover="this.value='';"></asp:TextBox>
------解决方案--------------------------------------------------------
学习了,原来javascript的实现起来这么简单。
ajax里面也有相应的控件来实现。
watermark
------解决方案--------------------------------------------------------
<asp:TextBox runat="server" ID="txt" Text="请输入网址" onmouseover="this.value= ' ';" > </asp:TextBox >
------解决方案--------------------------------------------------------
来晚了,顶一下吧!
------解决方案--------------------------------------------------------
虽然可以用
但是会提示onmouseover不是TextBox的有效属性
------解决方案--------------------------------------------------------
<script language="javascript" type="text/javascript">
function selectinput1()
{
document.getElementById("<%=TextBox.ClientID%>").value="";
}
</script>
<asp:TextBox ID="TextBox" runat="server" Width="180px">你的网址</asp:TextBox>

另外在Page_Load事件里面添加这行代码:
TextBox.Attributes.Add("onmouseover", "selectinput1()");
------解决方案--------------------------------------------------------
学习下!!!这个好!!
------解决方案--------------------------------------------------------
学习了!!
------解决方案--------------------------------------------------------
学习哈
  相关解决方案