Sugerencias con datalist en HTML

Un campo de texto libre con sugerencias, a diferencia de la lista cerrada del select.

<label for="repo">Repository</label>
<input type="text" id="repo" name="repo" list="known-repos"
       placeholder="owner/name">
<datalist id="known-repos">
  <option value="python/cpython">
  <option value="rust-lang/rust">
  <option value="sqlite/sqlite">
</datalist>

Cómo funciona

1. list en el input apunta al id del datalist.
2. El usuario todavía puede escribir un valor que no se le ofreció.
3. Las opciones no necesitan label, solo valores.

El intento, en números

Líneas

8

Caracteres a escribir

257

Tokens

57

Ritmo de tres estrellas

70 tpm

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

Escribe este fragmento

Paso 5 de 6 en Opciones; paso 13 de 25 en Formularios y entradas.

← Anterior Siguiente →