<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="demo3.aspx.cs" Inherits="jQuery.demo3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>DOM Demo</title>
<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="Scripts/jquery-1.4.1-vsdoc.js"></script>
<style type="text/css">
.demo
{
font-size: 12px;
color: Gray;
font-style: italic;
}
</style>
<script type="text/javascript">
$(function () {
$(".demo").focus(function () {
if ($(this).is("#username")) {
if ($(this).val() == "请输入用户名") {
$(this).val("");
$(this).removeClass("demo");
}
}
if ($(this).is("#email")) {
if ($(this).val() == "请输入电子邮件") {
$(this).val("");
$(this).removeClass("demo");
}
}
});
$(".demo").blur(function () {
if ($(this).is("#username")) {
if ($(this).val() == "") {
$(this).val("请输入用户名");
$(this).addClass("demo");
}
}
if ($(this).is("#email")) {
if ($(this).val() == "") {
$(this).val("请输入电子邮件");
$(this).addClass("demo");
}
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:TextBox ID="username" runat="server" Text="请输入用户名" CssClass="demo" Width="200px"></asp:TextBox><br />
<asp:TextBox ID="email" runat="server" Text="请输入电子邮件" CssClass="demo" Width="200px"></asp:TextBox>
</form>
</body>
</html>