Textarea

Textarea controls comprise of a surround and 4 styles, toggled by optional attributes and classes. The attribute should be added to the <textarea> tag, and classes should follow on from the surrounding <div>.

Style Attribute Value Standard Example Inline Example
Standard
Disabled class

disabled
disabled

disabled
Invalid class invalid
Read Only class

readonly
readonly

readonly

  <div class="form-group">
    <label for="<!-- Textarea control ID goes here -->"><!-- Label text goes here -->:</label>
    <textarea class="form-control" rows="5" id="<!-- Textarea control ID goes here -->" name="<!-- Textarea control name goes here -->" placeholder="Enter text">
      <!-- Textarea control value goes here -->
    </textarea>
  </div>