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>