コンテンツにスキップ

テキストエリア/Textarea

ユーザーが文章や複数行のテキストを入力するためのコンポーネントです。

<div class="c-form__item">
<label class="c-form__label" for="input-textarea">
<span class="c-form__labelText">ラベル</span>
<span class="c-form__description">入力項目の説明文が入ります。</span>
</label>
<textarea class="c-input" id="input-textarea" cols="50" rows="5"></textarea>
</div>

原則

  • 横幅は任意で設定することが可能です。
  • 項目ラベル、入力必須項目、サポートテキストは入力を補助する要素がコンポーネントに予め用意されていますが、必要に応じて表示/非表示を切り替えて利用します。
  • 利用不可(Disabled)の状態を表示させる際は、サポートテキストを利用してユーザーに利用することができない理由を知らせる必要があります。