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

質問

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

回答No.2

steel_gray · ベストアンサー

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

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

お礼

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

回答No.1

noname#56851

function allclear(here){
here.value="";
}

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

これでどうですか。

お礼

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