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>