Labels and buttons

A labelled form control.

Every input needs a label. Buttons say what they do.

Goal

A labelled city field.

Paste into the HTML pane:

<label for="city">City</label>
<input id="city" name="city" value="Eldoret" />
<button type="button">Save city</button>
<button type="button" aria-label="Add Nairobi sale">+</button>
<p id="status">Ready</p>
<button type="button" aria-describedby="status">Sell</button>
<label><input type="radio" name="city" /> Nairobi</label>
<label><input type="radio" name="city" /> Kisumu</label>