info¿Qué son?
Elementos HTML que permiten agrupar controles relacionados en un formulario, mejorando la estructura semántica y la accesibilidad.
widgetsFunciones principales
group_work
Agrupación semántica
Organiza controles relacionados bajo un propósito común
accessibility
Mejora accesibilidad
Facilita la navegación con lectores de pantalla
style
Estilización
Permite aplicar estilos visuales a grupos de controles
codeEjemplo con botones de radio
<fieldset>
<legend>Tamaño del zumo de frutas</legend>
<div>
<input type="radio" id="small" name="size" value="small">
<label for="small">Pequeño</label>
</div>
<div>
<input type="radio" id="medium" name="size" value="medium">
<label for="medium">Mediano</label>
</div>
<div>
<input type="radio" id="large" name="size" value="large">
<label for="large">Grande</label>
</div>
</fieldset>
<legend>Tamaño del zumo de frutas</legend>
<div>
<input type="radio" id="small" name="size" value="small">
<label for="small">Pequeño</label>
</div>
<div>
<input type="radio" id="medium" name="size" value="medium">
<label for="medium">Mediano</label>
</div>
<div>
<input type="radio" id="large" name="size" value="large">
<label for="large">Grande</label>
</div>
</fieldset>