[JS]フォームの入力欄を選択すると消えるテキストを表示するスクリプト -Fieldtag

フォームの入力欄を選択すると消えるテキストを表示したり、classを変更できるスクリプトAjax CSS Blogから紹介します。

jQuery Inline Form Labels
demo

デモでは、上から順に下記のようになっています。

1. 選択した時に、消えるテキストを表示
2. 選択した時に、消える画像を表示
3. 選択して入力しないで、フォーカスをはずした時に、テキストを表示
4. 選択した時に、classを変更
5. 画像とテキストのコンビネーション
6. テキストエリアのパターン

FieldtagはjQueryのプラグインのため、実装にはjquery.jsが必要です。

Post on:2009年6月17日