Interactive Controls

Textarea Feedback

Longer Text Inputs

A feedback form grows from a label to a multi-line textarea and submit button.

Program

Use textarea when a value may need more than one line. It still needs a label and a useful name.

textarea_feedback.html
Visuals: captured from real browser rendering
<label for="feedback">Feedback</label>
<textarea id="feedback" name="feedback" rows="3" placeholder="What worked?"></textarea>
<button>Send</button>

  1. Add the Feedback label.

    A Feedback label appears in the form.
    The label names the future textarea control.

  2. Create the multi-line control.

    A three-line feedback text box appears.
    Textarea accepts longer text than a one-line input.

  3. Add placeholder guidance.

    The text box shows the prompt What worked?.
    The placeholder hints at useful input while the label remains the real name.

  4. Add the Send button.

    The feedback form shows a textarea and a Send button.
    The button gives the form a visible action.
textarea A textarea is a multi-line text field.
placeholder Placeholder text hints at expected input but does not replace a label.