facebook twitter instagram linkedin google youtube vimeo tumblr yelp rss email podcast phone blog search brokercheck brokercheck Play Pause

Add Multi-Line Text

Overview

Multi-line text fields are great for long-form questions.

How To Use

To add multi-line text to forms you must do the following:

  • Add a form item container
  • Add a label for each text field
  • Add your textarea form control associated to the label
  • Add a name to the textarea form control 

Markup

Within a div element with the class of form-item, add a label element with what you want shown as the label for your multi-line text field. Add a textarea element with the class of form-control and the name for your multi-line text field in between of [].

Example Code

<div class="form-item">
  <label>Your Custom Text Field</label>
  <textarea class="form-control" name="contact[your-custom-text-field]"></textarea>
</div>