Labels for Radio Buttons

Like checkboxes, radio buttons should have the input first, followed by the label.

The Form:

Empty my bank account to pay for dog food:



The HTML:

<p>Empty my bank account to pay for dog food:</p>

<input id="emptyacct" type="radio" name="account" value="radiobutton" />
<label for="emptyacct">Yes </label>

<input id="dontempty" type="radio" name="account" value="radiobutton" />
<label for="dontempty">No</label>