Agrupar con fieldset en HTML

Un fieldset agrupa controles relacionados y su legend nombra al grupo.

<fieldset>
  <legend>Delivery address</legend>
  <label>
    Street
    <input type="text" name="street" autocomplete="address-line1">
  </label>
  <label for="postcode">Postcode</label>
  <input type="text" id="postcode" name="postcode" inputmode="numeric">
</fieldset>

Cómo funciona

1. legend debe ser el primer hijo del fieldset.
2. Envolver el input dentro de su label no necesita atributo for.
3. El grupo es lo que anuncia el lector de pantalla antes de los campos.

El intento, en números

Líneas

9

Caracteres a escribir

252

Tokens

61

Ritmo de tres estrellas

65 tpm

Al ritmo de tres estrellas de 65 tokens por minuto, este intento toma unos 56 segundos.

Escribe este fragmento

Paso 4 de 5 en Campos y etiquetas; paso 7 de 25 en Formularios y entradas.

← Anterior Siguiente →