コピペで実装するプレースホルダー(Javascript使用)

jQuery
スポンサーリンク

入力フォームに何を入力できるのか、などの説明を記載することが出来る機能の事を「プレースホルダー」と言うそうです。

プレースホルダーは、HTML5からは機能として実装されているようですが、あまり深く考えなくてもとりあえずコピペで実装できるコードです。Javascriptを使っています。

コードはこんな感じです。

“`<input type="text" value="検索する" onfocus="if (this.value == ‘Search’) {this.value = ”;}" onblur="if (this.value == ”) {this.value = ‘Search’;}">“`

コピペする箇所だけ抜粋したものはこちら。

“` onfocus="if (this.value == ‘Search’) {this.value = ”;}" onblur="if (this.value == ”) {this.value = ‘Search’;}"“`