[JS]フォームの入力欄にラベルをくっきりうっすら表示するスクリプト

フォームの入力欄にラベルを通常時にくっきり、フォーカス時にうっすらとアニメーションで表示するスクリプトを紹介します。 jQuery FormLabels Plugin デモページ スクリプトの特徴 クロスブラウザ対応。 ラベルをアニメーションで表示。 多数のオプションと旧式ブラウザへの配慮。 フォームのマークアップを変更しないシンプルさ。 フォームのラベルはinput要素と同じスタイルが可能。 パスワードのラベルはアスタリスク（*）ではなく、テキストで表示。 スクリプトのデモ デモページではいくつかのデモがありますが、デフォルト版のものをキャプチャで紹介します。 デモページ 入力時には入力したテキストが反映されます。 スクリプトの仕様 以下のフォームの要素に対応しています。 input[type='text'] input[type='email'] input[type='passwor

[ta1969]

アニメーションで表示するスクリプト

[studio-no9]

この手のはよくあるけど、これはHTMLがシンプル。html5のが一般的になるまではこれでいいのでは。

[dreamily]

クロスブラウザ対応／ラベルをアニメーションで表示／多数のオプション／フォームのマークアップを変更しないシンプルさ／フォームのラベルはinput要素と同じスタイルが可能／パスワードのラベルはテキストで表示

[hiroshi_revolution]

【はてブITホッテントリ】 [JS]フォームの入力欄にラベルをくっきりうっすら表示するスクリプト | コリス

[nors]

http://o2v.net/blog/jquery-formlabels-plugin