[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

©2017 coliss