Radio
Documentation
Default Radio Buttons
<form class="custom-drupal-form" accept-charset="UTF-8">
<div class="form-group form-radio js-form-item form-item js-form-type-radio form-type-radio js-form-item-radios form-item-radios form-check form-no-description">
<input aria-describedby="edit-radios--1--description" type="radio" id="edit-radios-1" name="radios" value="radio1" class="form-check-input">
<label class="form-check-label option form-label" for="edit-radios-1">Radio option 1</label>
</div>
<div class="form-group form-radio js-form-item form-item js-form-type-radio form-type-radio js-form-item-radios form-item-radios form-check form-no-description">
<input aria-describedby="edit-radios--2--description" type="radio" id="edit-radios-2" name="radios" value="radio2" class="form-check-input">
<label class="form-check-label option form-label" for="edit-radios-2">Radio option 2</label>
</div>
<div class="form-group form-radio js-form-item form-item js-form-type-radio form-type-radio js-form-item-radios form-item-radios form-check form-no-description disabled">
<input aria-describedby="edit-radios--3--description" type="radio" id="edit-radios-3" name="radios" value="radio3" class="form-check-input" disabled checked>
<label class="form-check-label option form-label" for="edit-radios-3">Radio option 3</label>
</div>
</form>
Form Element: Radio Buttons
<form class="themeguide-radio-form" data-drupal-selector="themeguide-radio-form" action="/ar/themeguide/forms/radio" method="post" id="themeguide-radio-form" accept-charset="UTF-8">
<fieldset data-drupal-selector="edit-radios" aria-describedby="edit-radios--wrapper--description" id="edit-radios--wrapper" class="fieldgroup form-composite js-form-item form-item js-form-wrapper form-wrapper">
<legend>
<span class="fieldset-legend">Radios</span>
</legend>
<div class="fieldset-wrapper">
<div id="edit-radios" class="form-radios"><div class="form-group form-check js-form-item form-item js-form-type-radio form-type-radio js-form-item-radios form-item-radios form-no-description mb-100">
<input data-drupal-selector="edit-radios-option1" aria-describedby="edit-radios--description" type="radio" id="edit-radios-option1" name="radios" value="option1" class="form-check-input" />
<label class="form-check-label option form-label" for="edit-radios-option1">Option 1</label>
</div>
<div class="form-group form-check js-form-item form-item js-form-type-radio form-type-radio js-form-item-radios form-item-radios form-no-description mb-100">
<input data-drupal-selector="edit-radios-option2" aria-describedby="edit-radios--description" type="radio" id="edit-radios-option2" name="radios" value="option2" class="form-check-input" />
<label class="form-check-label option form-label" for="edit-radios-option2">Option 2</label>
</div>
<div class="form-group form-check js-form-item form-item js-form-type-radio form-type-radio js-form-item-radios form-item-radios form-no-description mb-100">
<input data-drupal-selector="edit-radios-option3" aria-describedby="edit-radios--description" type="radio" id="edit-radios-option3" name="radios" value="option3" class="form-check-input" />
<label class="form-check-label option form-label" for="edit-radios-option3">Option 3</label>
</div>
</div>
<div id="edit-radios--wrapper--description" data-drupal-field-elements="description" class="form-text text-muted description">This is a description for this field</div>
</div>
</fieldset>
<input autocomplete="off" data-drupal-selector="form-gihr56s5uyxakftus8xiekfhcum3xjfcnnrfz8n1jv8" type="hidden" name="form_build_id" value="form-GIhR56S5uYXAKfTuS8xiEKFhcuM3XjFCNNRfZ8N1Jv8" />
<input data-drupal-selector="edit-themeguide-radio-form" type="hidden" name="form_id" value="themeguide_radio_form" />
<div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"><input data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Submit" class="button button--primary js-form-submit form-submit btn btn-primary" />
</div>
</form>