[JS]フォームのテキスト欄にアイコンやテキストを表示させるスクリプト -CoolInput

フォームのテキスト欄にアイコンやテキストを表示させるスクリプトをAlex Weberから紹介します。

CoolInput
demo

デモでは、フォームのテキスト欄にアイコンやテキストの配置や、背景色の変更を簡単な記述で行えます。

以前「jQueryのプラグイン33+1選 -2008年6月」で紹介した時から大きく変わった点は、テキストをそのままでsubmitボタンを押してしまった場合の対応やテキストをfunctionに記述できるなど使い勝手が向上しています。
demo: what's new

CoolInputはjQueryのプラグインのため、実装にはjquery.jsが必要です。