Textarea
Standard HTML textarea used for freeform, multi-line data entry
Examples
HTML Textarea
Basic HTML textarea, styled automatically after including on the page. Add "error" class or set :invalid state to flag issues with textarea content.
<textarea rows="6" cols="40"></textarea>
<textarea rows="6" cols="40" placeholder="Add text..."></textarea>
<textarea rows="6" cols="40">This textarea has content going over multiple lines.
Try scrolling down.
There is a scrollbar.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</textarea>
<textarea rows="6" cols="40" class="error">There is an issue with the content of this textarea.</textarea>HTML Textarea with Label
Basic HTML textarea with a label, styled automatically after including on the page.
<div class="dl-field">
<label>Label Text</label>
<textarea placeholder="Add text..." rows="6" cols="40"></textarea>
</div>