フォーカスすると初期値が消去されるスクリプト

マウスでフォーカスするとtextarea等に記入されている初期値
(「ここに名前を記入」・・・等々)
が消える入力フォームをよく見かけますが、あれを実現するスクリプトコードもしくはサンプルのurlを教えて頂けませんでしょうか。
よろしくお願いいたします。

No.2 ベストアンサー 回答者： steel_gray 回答日時： 2007/11/17 08:08

input type="text" または textarea に以下をつけます。

onfocus="if(this.value==this.defaultValue)this.value=''"
フォーカスがあたるとクリアします。
ただし、値が既に初期値と違う場合はそのまま。（再編集時にはクリアされない）

おまけ
onblur="if(this.value=='')this.value=this.defaultValue"
フォーカスが離れた時、値が空の場合、初期値を再度設定します。
検索窓なんかはこれを付けるといい感じかも。

この回答へのお礼

ありがとうございました。ばっちり動きました。

お礼日時：2007/11/17 21:42

No.1 回答者： noname#56851 回答日時： 2007/11/17 00:20

function allclear(here){

here.value="";
}

<textarea name="test" rows="" cols="" onfocus="allclear(this)">test</textarea>

これでどうですか。

この回答へのお礼

ありがとうございました。助かりました。

お礼日時：2007/11/17 21:41