0017

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

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

2011.8.27

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

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

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

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

onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}"