Text Area

Text area specifies a control that allows user to write text over multiple rows. Used when the expected user input is long

Interactive demo

Default Form

Horizontal Form

<div class="form-group required">
    <label class="col-form-label">Text area label</label>
    <textarea class="form-control form-control-lg" placeholder="Enter text  here" rows="5"></textarea>
</div>

<!--Horizontal Form-->
<div class="form-group row required">
  <label class="col-form-label col-md-3">Text area label</label>
  <div class="col-md-9">
    <textarea class="form-control form-control-lg" placeholder="Enter text  here" rows="5"></textarea>
  </div>
</div>

When to use

• Use for freeform data entry when you need to let users enter an amount of text that’s longer than a single line.

When not to use

• Avoid using textarea to answer open-ended questions as it is difficult answer.

• We recommend that you break your questions up into a series of simpler questions instead. For example, consider using the checkbox component if you want users to give multiple answers from a predetermined set of options.