Twitterなどでも使われている、ページ上の入力フォームの文字数カウント。
jQueryベースで簡単に実装できるライブラリが「Css Globe」にて
紹介されていたので試してみました。
≫jQuery plugin: Simplest Twitter-like dynamic character count for textareas and input fields | Css Globe
≫デモはこちら
文字カウントが入力フォーム右上に配置されていて、
TEXTAREAにテキストを入力していくとカウントが減っていきます。
実際にデータをダウンロードして実装してみると以下のような感じに。
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
単純な文字カウントに加えて、残り文字数の数によって、
カウントエリアに別クラスが入り、テキスト色を変えたり、
警告的な扱いも可能。
入力最大文字数は100文字で、残り25文字になったら文字カウントのテキスト色を変えて、
入力文字数のリミットが近いことをお知らせ、的な使い方ができます。
問い合わせフォームなどでも、こういったものが付いていると
ユーザーにとって親切かもしれませんね。
ご参考までに。。。