テキストフォーム上に案内を書く
<html>
<head>
<title>テキストフォーム上に案内を書く</title>
<script language="JavaScript">
<!--
function delText(formName,typeName){
firstCHK = document.forms[formName].elements[typeName].value;
if(firstCHK == "（メールアドレスを入力してください）"){
document.forms[formName].elements[typeName].value = "";
}
}
//-->
</script>
</head>
<body>
<FORM NAME="form1">
<INPUT TYPE="text" SIZE="50" NAME="account" VALUE="（メールアドレスを入力してください）" onFocus="delText('form1','account');">
<input type="submit" value="GO">
</FORM>
</body>
</html>
テキストフォームに書いてもらいたい事柄を書いておきます。
ユーザーが記述しようとしてテキストフォームにカーソルを置くと、その案内が消えます。
<haed></head>に、上記のJavaScriptを記述します。
<INPUT TYPE="text" SIZE="50" NAME="account" VALUE="（メールアドレスを入力してください）" onFocus="delText('form1','account');">
では、valueにて最初に表示したいテキストを記述しておきます。
onFocusはカーソルが置かれたときの動作を示していて、form1にあるaccountにおいて、上記JavaScriptが起動するように指定しています。
ホームページ作成ガイド
ホームページ作成ガイド