floatlabels.js by Clubdesign

input要素にタイプすると入力文字上にヒントを表示できる「floatlabels.js」。
placeholderが表示されており、タイプをすると・・・



次のように文字の上にラベルを表示できるというもの。
単体のinput を表示しておき、入力するとラベルが表示されるのはシンプルなinputだけど分かりやすいUIを作るのに使えそう。なんかカッコいいっていうのもいいです



関連エントリ

• Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」
• コンテンツの邪魔にならないフィードバック用のフォームを実装できる「Feedback Me」
• フラットデザインでレスポンシブな超カッコいいフォームを実装できる「Grid Forms」
• 複数画面にわたるステップ別のカッコいいフォームを実装できる「Ideal Forms 3」
• フォーム要素にフォーカスした際のヒント表示を簡単に実装できるjQueryプラグイン「FormHelp」