テキストエリアにマウスを合わせると文字が消える(文字が消せない)
テキストエリアにあらかじめ文字を入力しておく事が出来ます。
入力しょうとマウス操作すると文字は消えます。
4番目の「消えない(消せない」は告知などに使えるのではないでしょうか?
1番目
| <INPUT onfocus="this.value=(this.value == 'ここに書いてね')? '' : this.value" size="37" value="ここに書いてね" name="sample0"> |
2番目
|
<TEXTAREA onclick="value='',onclick=null" rows="3" cols="54" name="sample1">ここに書いてね </TEXTAREA> |
3番目
| <INPUT onclick="value='',onclick=null" size="20" type="text" name="sample2" value="ここに書いてね"> |
4番目
| <TEXTAREA cols="30" rows="5" readonly name="sample3">この文字は消えません。 </TEXTAREA> |
特に説明は不用かと思います。1番目の「ここに書いてね」は同じ言葉にして下さい。 |
コピー・ペーストしてこちらですぐに実験できます。
サンプルを利用したら、http://www.act2cool.com/html/へリンクしていただければ嬉しいです。
バナーはこちらにあります