プレースホルダーのようなラベルを実現する「FlowupLabels.js」

「FlowupLabels.js」はプレースホルダーのように邪魔にならない、Formラベルを実現することができるJavaScriptライブラリです(GitHub、Demo)。

どういう風に動くかはDemoを見ればわかりやすいです。クリックしたらラベル(labelタグ)の部分が上に移動して、左端からテキストボックスに入力することができます。普通のプレースホルダーと違って、画面の横幅が節約できる、ラベル部分が文字入力後も確認できる、などの利点がありそう。

    Name:
	

HTMLのマークアップはこのように普通に書けばいいので分かりやすいです。

関連記事

1. ブラウザで動くJavaScript製XLS/XLSXパーサーが「SheetJS」使えそう
2. Google Readerの置き換えを狙って開発中のオープンソースRSSリーダー「CommaFeed」
3. 「phpMyAdmin 4.0.0」リリース