效果图片:
当鼠标焦点没有移动到Text上时 当鼠标焦点移动到Text上时
Css样式代码:
body {
}
.unwatermarder
{
width:148px;
height:18px;
font-weight:bold;
}
.watermarder
{
width:150px;
height:20px;
padding:2px 0 0 2px;
border:1px solid #BEBEBE;
background-color:#F0F8FF;
color:Gray;
}
显示页面Html代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>AJAX控件之TextBoxWatermark</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body style="text-align: center">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
请输入网站:
<asp:TextBox ID="TextBox1" runat="server" CssClass="unwatermarder"></asp:TextBox><br />
<br />
<cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server" TargetControlID="TextBox1"
WatermarkText="请输入你的网站" WatermarkCssClass="watermarder">
</cc1:TextBoxWatermarkExtender>
</div>
</form>
</body>
</html>
当鼠标焦点没有移动到Text上时 当鼠标焦点移动到Text上时
Css样式代码:
body {
}.unwatermarder{ width:148px; height:18px; font-weight:bold;}.watermarder{ width:150px; height:20px; padding:2px 0 0 2px; border:1px solid #BEBEBE; background-color:#F0F8FF; color:Gray;}显示页面Html代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>AJAX控件之TextBoxWatermark</title> <link href="StyleSheet.css" rel="stylesheet" type="text/css" /></head><body style="text-align: center"> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server" /> <div> 请输入网站: <asp:TextBox ID="TextBox1" runat="server" CssClass="unwatermarder"></asp:TextBox><br /> <br /> <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server" TargetControlID="TextBox1" WatermarkText="请输入你的网站" WatermarkCssClass="watermarder"> </cc1:TextBoxWatermarkExtender> </div> </form></body></html>
浙公网安备 33010602011771号