テキストエリアをクリックした際に初期テキスト削除をする

質問

フォームのテキストエリアに

＜テキストを入力して下さい＞

と初期コメントを入れておいて、テキストエリアをクリックした際に
初期コメントが削除されるような事がしたいです。
初心者ですいません＞＜
よろしくお願い致します。

回答No.3

arenani_sorenani · ベストアンサー

すみません。テキストボックスでなくテキストエリアでしたね

<textarea name="text" style="width:250px;height:200px;color:#999999;" onfocus="if(this.value==this.defaultValue){this.value='';this.style.color='black';}" onblur="if(this.value==''){this.value=this.defaultValue;this.style.color='#999999'}" />＜テキストを入力して下さい＞</textarea>

お礼

ありがとうございました！
お礼が遅れてしまい申し訳ありませんでした。
おかげ様でうまくいきました＾＾

回答No.2

arenani_sorenani

<input type="text" size="30" name="txt" value="＜テキストを入力して下さい＞" onfocus="if(this.value==this.defaultValue){this.value=''}" onblur="if(this.value==''){this.value=this.defaultValue}" />

回答No.1

foreach

試してないけど、初期表示時にinputのvalueに「＜テキストを入力して下さい＞」を入れておいて、onFocusイベントで処理してあげればできると思います。
valueの値が「＜テキストを入力して下さい＞」だったらクリアしてしまえばよろしいかと。
カーソルが抜けたとき未入力で「＜テキストを入力して下さい＞」を復帰させたい場合はonBlurを使います。

お礼

ありがとうございました！
お礼が遅れてしまい申し訳ありません。
ジャバスクリプトを初めて使ったもので右も左も分からずおろおろしてましたｗ
おかげ様でうまくいきました＾＾