TextBoxWatermark此控件是一款个性化的文本控件。当文本框中没有数据时,可以用非常特色的样式填充在文本框中,当用户开始输入时就会消失。如果文本框中没有数据并失去焦点的时候,那些样式就会重新显示出来。
属性列表:
targetcontrolid:指定要实现效果的文本框ID
watermarktext:文本框中显示的提示文本
WatermarkCssClass:应用样式
实例解析一、简单样式的实现
<style type="text/css">
.water1
{
height:20px;
150px;
padding:2px 0 0 2px;
border:1px solid #BEBEBE;
background-color:#F0F8FF;
color:gray;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div><asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager></div>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<cc1:textboxwatermarkextender id="TextBoxWatermarkExtender1" runat="server" targetcontrolid="TextBox1"
watermarktext="提示文字" WatermarkCssClass="water1"></cc1:textboxwatermarkextender>
</form>
</body>