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

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

デモのキャプチャ

jQuery Inline Form Labels
demo

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

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

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

top of page

Trackback

leave your Comments

※承認制のため、即時には反映されません。
※匿名、通りすがりさんなどへの回答は控えさせていただきます。

top of page

©2011 coliss