入力文字数制限のあるフォームで、後何文字入力していいかわからず打ち直した経験はありませんか？ 前回は何文字入力しているかをカウントしましたが、今回はその逆です。 HTMLソース input要素のmaxlength属性に最大入力文字数を入れます。 後のspan要素にある数字がカウントダウンするようにJavascriptで設定します。 <input type="password&q...続きを読む

入力したテキストの文字数をカウントアップ フォームの入力で文字数制限がある場合に使えます。 ここで紹介するのはtextarea要素ですが、input要素でも使えます。 HTMLソース span要素内の数字がカウントアップされます。 <textarea type="text" id="input-up"></textarea> &...続きを読む