コードコピーは次のとおりです。
<！doctype html>
<html>
<head>
<title> </title>
<スクリプトsrc = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type = "text/javascript"> </scrip>
<style type = "text/css">
#divtips {
フィルター：アルファ（不透明度= 30）;
-moz-opacity：0.3;*firefox private、50％* /
不透明度：0.3;/*その他、透明度50％*/
位置：絶対;幅：600px：display：none; color：red; z-index：10; padding：10px;
}
</style>
<script type = "text/javascript">
$（function（）{
var $ txtnote = $（ "＃txtnote"）;
var $ divtips = $（ "＃divtips"）;
$ txtnote.focus（function（）{
//フォーカスを設定するときに非表示
$ divtips.hide（）;
}）。blur（function（）{
//空になると表示されます。それ以外の場合は、表示されます
$ divtips.toggle（$ txtnote.val（）== ""）
.css（{
「左」：$ txtnote.position（）。左、
"top"：$ txtnote.position（）。top
}）;
}）;
$ divtips.click（function（）{
$ txtnote.focus（）;
}）;
$ txtnote.blur（）;
}）;
</script>
</head>
<body>
メッセージボード<br />
<textarea id = "txtnote"> </textarea>
<div id = "divtips">
親愛なる、あなたが言うことを書き留めてください!! <br />
（下の箱に名前を残してください。便利な場合は連絡先情報を残してください）
< /div> <br />
<input type = "text" value = "name" /> <入力タイプ= "text" value = "mobile /qq /..." />
</body>
</html>