フォームの入力欄にコメントを入力しておき、フォームをクリックしたらクリア(消去)する方法

最終更新日: 2007年5月31日 15:13

タイトルを見てもワケ分からないと思いますが、百聞は一見にしかず。以下のフォームを選択してみて下さい。フォームがクリアされるはずです。

サンプル

名前


メッセージ

ギミック

名前<br />
<input type="text" onfocus="if (this.value == '名前を入力して下さい。') this.value = '';" onblur="if (this.value == '') this.value = '名前を入力して下さい。';" value="名前を入力して下さい。" />
<br />
<br />
メッセージ<br />
<textarea rows="5" cols="44" onfocus="if (this.value == 'メッセージを入力して下さい') this.value = '';" onblur="if (this.value == '') this.value = 'メッセージを入力して下さい';">メッセージを入力して下さい</textarea>

出典:http://hxxk.jp/2006/01/31/2112

Web技術Input & Output