フローティングラベルで入力フォームを使いやすく 簡単に実装できるjQueryとJavaScriptプラグイン9選

ウェブフォームには、非常に素晴らしい機能を追加することが可能です。カスタムアイコンから検証機能まで、少ないプラグインの追加でできるようになります。
 
その中でも、最新機能の1つは、フローティングラベルアニメーションでしょう。これは、ユーザーが入力フィールド内をクリックし、プレースホルダー（ラベル、またはその両方）がテキストフィールドに浮かびあがります。ユーザーはラベルが邪魔にならずにテキストを入力できます。
 
これをフォームに追加したい方のために、フリー、オープンソース、そしてウェブデザイナー向けに作られた最高のフローティングラベルプラグインの９つをご紹介します。
 
１.　floatingLabel.js
 
最初はfloatingLabel.jsというクラシックなJSプラグインです。これは、サイズが約1KBで、非常に小さく作られています。
 
デフォルトではプレースホルダテキストで機能する小さなプラグインです。そのため、ユーザーがテキストを入力すると、プレースホルダーは自動的にフィールドの上のフローティングラベルに変換されます。
 
言うまでもないかもしれませんが、テキスト入力、テキストエリアが添付できます。プラグインは1回の関数呼び出しで実行されるため、設定は非常に簡単で、デフォルトのスタイルの見た目はとても良

リンク元