maman/JVFloat.js GitHub

HTML5のプレースホルダをもっと良くする「JVFloat.js」。
inputの中にグレーで入力するもののヒントを表示できるプレースホルダですが、入力しちゃうと、あれ、これなんだっけ？となる場合がありそうです。
入力数が多くて、曖昧な入力が多いと、使い勝手が悪くなってしまうかも。というわけで、プレースホルダはそのまま表示しつつ、テキストを入力すると、入力したものの上にラベルでヒントを表示してくれるようにするJSライブラリです。


内容を入力すると、ヒントが小さくなって入力したものの上に表示されて分かりやすい

また一歩、フォームが進化したかもしれないと思いました。

関連エントリ

• フィールドへの適切な入力文字数を分かりやすく教えてくれるjQueryプラグイン「wChar」
• 次世代のクレジット番号入力を提供するプライスレスなJS「Skeuocard」
• タグ入力やコンタクト連絡先の入力に便利なUIを実装できる「Selectize.js」
• 通常のtextareaを絵文字入力可能にできる「jquery-emojiarea」