フォーム入力
文字数カウンタ
テキストエリアの残り文字数をリアルタイム表示。上限に近づくと色が変わり、超過を防ぎやすい。
プレビュー
入力
操作実際に入力して試せます。
コード（コピーして使えます）
<div class="cc-wrap">
<label class="cc-label" for="cc-area">コメント</label>
<textarea
id="cc-area"
class="cc-area"
maxlength="100"
placeholder="100文字まで入力できます"
rows="4"
></textarea>
<div class="cc-footer">
<span class="cc-counter" id="cc-counter">残り <strong>100</strong> 文字</span>
</div>
</div>