Selects agrupados y múltiples en HTML

Una lista larga de opciones pide títulos, y a veces más de una respuesta.

<label for="stack">Languages</label>
<select id="stack" name="stack" multiple size="6">
  <optgroup label="Systems">
    <option value="c">C</option>
    <option value="rust" selected>Rust</option>
    <option value="go">Go</option>
  </optgroup>
  <optgroup label="Scripting">
    <option value="python">Python</option>
    <option value="javascript">JavaScript</option>
  </optgroup>
</select>

Cómo funciona

1. <optgroup label> agrupa opciones; el grupo mismo no se puede elegir.
2. multiple permite varias, y size muestra esa cantidad de filas a la vez.
3. Un select múltiple envía su nombre una vez por opción elegida.

El intento, en números

Líneas

12

Caracteres a escribir

367

Tokens

104

Ritmo de tres estrellas

70 tpm

Al ritmo de tres estrellas de 70 tokens por minuto, este intento toma unos 89 segundos.

Escribe este fragmento

Paso 4 de 6 en Opciones; paso 12 de 25 en Formularios y entradas.

← Anterior Siguiente →