前の記事 ≪:「Inside Hatena Bookmark」の資料 at ThinkIT
次の記事 ≫:Flashプレイヤーの検出とHTML埋め込みを簡単に行えるJavaScriptライブラリ...

フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」

2006年10月22日-はてなブックマーク

スポンサード リンク
[PR] 日々膨大に出現するJS/CSSライブラリ等を意識にとどめておく方法
Tooltip for forms
You can download the entire script from this Zip file

フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」。

このライブラリを利用すれば、次の画像のようなツールヒントをフォーム上に出すことが可能です。



実装は、必要なライブラリを読み込んだ後、次のように、tooltipText 属性にヒントを書きます。
<input type="text" id="firstname" name="firstname" tooltipText="Type in your firstname in this box">
そして、DHTMLgoodies_formTooltipクラスを初期化して実装するだけです。

これを実装しておけばユーザビリティが向上しますね。
何文字以内といった情報とかをこういうところに表示すればオシャレですね。

詳しい設置方法はこちら
ライブラリのダウンロードはこちら

関連の記事検索:JavaScript, Ajax, ライブラリ, UI, ツールチップ, デザイン
スポンサード リンク

By.KJ : 2006年10月22日 12:04 livedoor Readerで購読 Twitterに投稿

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