Radio button
<input type="radio" id="input-radio-example-group-1-1" name="group1" class="" value="1" checked>
<label for="input-radio-example-group-1-1">Option 1 (preselected)</label>
<input type="radio" id="input-radio-example-group-1-2" name="group1" class="" value="2">
<label for="input-radio-example-group-1-2">Option 2</label>
Disabled radio button
<input type="radio" id="input-radio-example-group-2-1" name="group2" class="" value="1" disabled checked>
<label for="input-radio-example-group-2-1">Option 1 (preselected)</label>
<input type="radio" id="input-radio-example-group-2-1" name="group2" class="" value="2" disabled>
<label for="input-radio-example-group-2-1">Option 2</label>
<input type="radio" id="input-radio-example-group-1-1" name="group1" class="" value="1" checked>
<label for="input-radio-example-group-1-1">Option 1 (preselected)</label>
<input type="radio" id="input-radio-example-group-1-2" name="group1" class="" value="2">
<label for="input-radio-example-group-1-2">Option 2</label>
<input type="radio" id="input-radio-example-group-2-1" name="group2" class="" value="1" disabled checked>
<label for="input-radio-example-group-2-1">Option 1 (preselected)</label>
<input type="radio" id="input-radio-example-group-2-1" name="group2" class="" value="2" disabled>
<label for="input-radio-example-group-2-1">Option 2</label>
Usage
| Class name | Effect | Remarks |
|---|---|---|
input[type=radio] |
Styles the radio button as per the UIF | Required for radio buttons. Requires a label to follow the input |