Labels for Text Fields

Allow users to input text. Two field types:

Interactions:

Warn users in <label> if there is a maxlength. "maxlength" - otherwise, browser truncates input, no info provided to screenreader when limit is exceded. See Resources (below) for accessible character counters.

The Form:




The HTML:

<form action="mailto:somebody@knowbility.org">

<label for="dogname">Dog's Name</label>
<input name="name" id="dogname" size="30" />

<label for="dogbreed">Dog's Breed (10 characters)</label>
<input name="breed" id="dogbreed" maxlength="10" />

<label for="goofy">Goofy things my dog does:</label>
<textarea id="goofy" rows="3" cols="30"> </textarea>

<input type="button" value="Submit" />

</form>

Resources