マウスが電子メールアドレスのテキストボックスに焦点を合わせると、テキストボックスのテキスト「電子メールアドレスを入力してください」がクリアされます。
複製画像：
コードコピーは次のとおりです。
<％@ page Language = "c＃" autoeventwireup = "true" codefile = "yahoo email email login.aspx.csのプロンプト効果に似ています。
<！doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<head runat = "server">
<Meta http-equiv = "content-type" content = "text/html; charset = utf-8"/>
<title> </title>
<script type = "text/javascript" src = "scripts/jquery-1.7.1.js"> </scrip>
<script type = "text/javascript">
$（function（）{
//アドレスボックスを操作します
$（ "＃アドレス"）。フォーカス（function（）{//アドレスボックスはマウスフォーカスを取得します
var txt_value = $（this）.val（）;
if（txt_value == "メールアドレスを入力してください"）{
$（this）.val（ ""）; //テキストボックスのコンテンツをクリアします
}
}）;
$（ "＃アドレス"）
var txt_value = $（this）.val（）;
if（txt_value == ""）{
$（this）.val（「メールアドレスを入力してください」）; //条件が満たされている場合は、コンテンツを設定します
}
}）
//パスワードボックスを操作します
$（ "＃password"）。focus（function（）{
var txt_value = $（this）.val（）;
if（txt_value == "メールパスワードを入力してください"）{
$（this）.val（ ""）;
}
}）;
$（ "＃password"）。blur（function（）{
var txt_value = $（this）.val（）;
if（txt_value == ""）{
$（this）.val（ "電子メールパスワードを入力してください"）;
}
}）
}）;
</script>
</head>
<body>
<form id = "form1" runat = "server">
<div>
<入力型= "テキスト" id = "アドレス" value = "あなたのメールアドレスを入力してください" /> <br /> <br />
<入力タイプ= "テキスト" id = "password" value = "電子メールパスワードを入力してください" /> <br /> <br />
<入力型= "button" value = "login" />
</div>
</form>
</body>
</html>