Radio
Native radio groups for one-of-several choices.
Show the markup
<fieldset class="cc-fieldset">
<legend>How should we send the certificate?</legend>
<div class="cc-choice">
<input type="radio" name="ex-radio" id="ex-radio-mail" checked>
<label for="ex-radio-mail">By mail</label>
</div>
<div class="cc-choice">
<input type="radio" name="ex-radio" id="ex-radio-pickup">
<label for="ex-radio-pickup">Pick up at Town Hall</label>
</div>
</fieldset>Accessibility
- Always in a fieldset with a legend that asks the question.
- Arrow keys move within the group natively; nothing to reimplement.
- Two to five options: radios. More: Select.