Difference between revisions of "Input Element Type Radio"

From Level Access Web Labs
Jump to navigation Jump to search
Line 154: Line 154:
 
</div>
 
</div>
 
<div role="group" aria-labelledby="piz2-header">
 
<div role="group" aria-labelledby="piz2-header">
<span id="piz2-header">Spccial Pizzas</span>
+
<span id="piz2-header">Special Pizzas</span>
 
<input type="radio" name="pizza" id="pizza3"><label for="pizza3">Honey mustard and Pineapple</label>
 
<input type="radio" name="pizza" id="pizza3"><label for="pizza3">Honey mustard and Pineapple</label>
 
<input type="radio" name="pizza" id="pizza4"><label for="pizza4">Ugly Garlic and Mushroom</label>
 
<input type="radio" name="pizza" id="pizza4"><label for="pizza4">Ugly Garlic and Mushroom</label>

Revision as of 15:02, 10 February 2021

Input radio with title (required, autofocus)

Input radio with explicit label & fieldset/legend (not implicit with HTML required)

What type of search would you like to perform?

Input radio with aria-label

Search the intranet Search the Internet

Input radio with aria-labelledby

Search the Internet Search the Internet

Input radio implicit label

Input radio explicit and implicit label

Input radio with label and aria-describedby

You can search for anything you want.
You can search for anything you want.

Disabled Input radio with label

Input radio with label (checked)

Input Radio with Multiple Fieldsets

Choose your pizza.
Normal Pizzas
Special Pizzas

Input Type Radio with Multiple Groups

Choose your pizza.
Normal Pizza
Special Pizzas