2009年6月27日土曜日

[Form Notifier] inputフィールド上に透かし文字を入れるjQueryプラグイン

inputフィールドにあらかじめ文字を表示して、ユーザーの注意を喚起したい場合があると思います。
人名検索用のフィールドに「e.g. 山本、田中...」と表示する等。

jQueryのプラグインでも色々あると思うのですが、比較的簡単そうなので自作してみることにしました。

で、できたのがこちら。

jquery-formnotifier - Google Code
http://code.google.com/p/jquery-formnotifier/

jQuery Form Notifier - デモ
http://www.mudaimemo.com/p/formnotifier/

  • inputフィールドのtitle属性に表示したいメッセージを書いてください。
  • <div class="formnotifier" id="fn_fieldID" >Your Message</div> がフィールド上にオーバーレイされます。
  • オプションでCSSの値が指定可能です。
  • 超軽量です (1.8k)

0 件のコメント: