前の記事 ≪:2013年10月25日 管理人のブックマーク
次の記事 ≫:線を描きながらギャラリーの画像を選択できるようにするjQueryプラグ...

フォーム要素にフォーカスした際のヒント表示を簡単に実装できるjQueryプラグイン「FormHelp」

2013年10月28日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

jQuery FormHelp plugin sample

フォーム要素にフォーカスした際のヒント表示を簡単に実装できるjQueryプラグイン「FormHelp」。
カーソルを合わせた時にヒントがあるとより入力がしやすい物というものがありますが、この実装を簡単にするためのjQueryプラグイン



マークアップ的には、<input>の後に、<span class="helptext" data-for="#id">ヒント</span> というような要素を記述すれば、あとはプラグインの初期化で実装完了



初期デザインは若干癖のあるデザインとなっていますが、CSSで簡単にデザイン変更が可能

関連エントリ

関連の記事検索:jQueryプラグイン, jQuery, Web制作
スポンサード リンク

By.KJ : 2013年10月28日 09:00 livedoor Readerで購読 Twitterに投稿

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