AUI

Choice

Provides shared state to a series of checkboxes or radios.

Leonardo Donatello Michelangelo Raphael 

<form>
	<p>
		<label for="pow">Turtle Power</label>
		<a-choice name="turtle-power" id="pow" required>
			<a-option>Leonardo</a-option>
			<a-option>Donatello</a-option>
			<a-option>Michelangelo</a-option>
			<a-option>Raphael</a-option>
		</a-choice>
	</p>
	<p>
		<button type="reset">Reset</button>
		<button type="submit">Submit</button>
	</p>
</form>

<script>
import { FormAssociatedChoiceElement } from "@jsxtools/aui/elements/choice"
import { OptionElement } from "@jsxtools/aui/elements/option"

customElements.define("a-choice", FormAssociatedChoiceElement)
customElements.define("a-choice", FormAssociatedChoiceElement)
</script>