Menús select en HTML

Un menú desplegable, con grupos de opciones y una variante de selección múltiple.

<label for="lang">Language</label>
<select id="lang" name="lang">
  <optgroup label="Systems">
    <option value="c">C</option>
    <option value="rust" selected>Rust</option>
  </optgroup>
  <optgroup label="Web">
    <option value="html">HTML</option>
    <option value="css">CSS</option>
  </optgroup>
</select>
<select name="tags" multiple size="3">
  <option>algorithms</option>
  <option>strings</option>
</select>

Cómo funciona

1. optgroup rotula un bloque de opciones relacionadas.
2. selected elige la opción inicial.
3. multiple convierte el menú en una lista visible.

El intento, en números

Líneas

15

Caracteres a escribir

392

Tokens

119

Ritmo de tres estrellas

70 tpm

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

Escribe este fragmento

Paso 3 de 6 en Opciones; paso 11 de 25 en Formularios y entradas.

← Anterior Siguiente →