Textarea

Used to create a multi-line, plain-text input field where users can enter free-form text. For quick reference, see technical parameters.

Best practices

  • Use in forms for open-ended questions such as when requesting feedback or comments.
  • Write clear and concise questions.
  • Focus on one idea per question.
  • Be neutral and unbiased.
  • Define the number of characters allowed in the response field.

Example

300

                    [Textarea placeholder="Placeholder" maxlength="300"]Textarea Component[/Textarea]
                
<div class="bocss-textarea__group">
    <label class="bocss-label" id="bocss-textarea-2-label" for="bocss-textarea-2">Textarea Component</label>
    <textarea name="textarea-2" id="bocss-textarea-2" class="bocss-textarea" maxlength="300" placeholder="Placeholder"></textarea>
    
    <span class="charcount">300</span>
</div>

Parameters

Parameter Values Description
id user‑specified HTML id of the field
label user‑specified Label of the field. The content enclosed within the shortcode tags populates this field.
maxlength user‑specified Defines the maximum number of characters allowed within the Textarea
name user‑specified HTML name of the field
placeholder user‑specified Placeholder content for the field
required true, false Set to “true” to make the field mandatory.