Textarea in HTML

Multi-line text, sized in rows and columns, with its value as content.

<label for="notes">Session notes</label>
<textarea id="notes" name="notes" rows="6" cols="40"
          maxlength="500" placeholder="What felt slow today?">
Brackets still cost me a beat.
</textarea>

How it works

1. The value lives between the tags, not in an attribute.
2. rows sets the visible height; CSS can override it.
3. wrap=hard submits the line breaks the user sees.

The run, in numbers

Lines

5

Characters to type

189

Tokens

37

Three-star pace

70 tpm

At the three-star pace of 70 tokens a minute, this run takes about 32 seconds.

Type this snippet

Step 6 of 6 in Choices, step 14 of 25 in Forms & inputs.

← Previous Next →