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>
 <div class="form-group">
            <label class="col-form-label">Text area label</label>
            <textarea class="form-control form-control-lg" placeholder="Enter text  here" disabled 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.