前の記事 ≪:アニメーションするプログレスバーで達成度を視覚化できるjQueryプラ...
次の記事 ≫:数値のカウント上昇をアニメーション表示できる「countUp.js」

input要素にタイプすると入力文字上にヒントを表示できる「floatlabels.js」

2014年01月21日-はてなブックマーク

スポンサード リンク

floatlabels.js by Clubdesign

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



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



関連エントリ

関連の記事検索:Form, _scrap, ライブラリ, JavaScript, design tooltips, grunt
スポンサード リンク

By.KJ : 2014年01月21日 09:00 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)