[JS]フォーカスされたらinputのvalue値を消す

検索とかURLのテキストエリアなんかで使われることが多い。
マウスフォーカスで、あらかじめ表示してあるvalueを非表示にするスクリプト。
このブログテーマの検索で使われてます。

value="Keyword(s)" onblur="if (this.value == '') this.value = 'Keyword(s)';" onfocus="if (this.value == 'Keyword(s)') this.value = '';"

以上をinputタグに追加する。
onblurでマウスが離れた時、onfocusでマウスフォーカスされた時、それぞれ設定。
valueで指定されている文字列と同じにする必要がある。

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください