typestar

El punto de referencia de búsqueda en HTML

Ya hay un elemento para el área de búsqueda; antes era un div con un role.

<search>
  <form action="/snippets" method="get">
    <label for="term">Find a snippet</label>
    <input type="search" id="term" name="q">
    <label for="lang">Language</label>
    <select id="lang" name="lang">
      <option value="">Any</option>
      <option value="rust">Rust</option>
    </select>
    <button>Filter</button>
  </form>
</search>

Cómo funciona

  1. <search> marca los controles de búsqueda y filtrado de una página o sección.
  2. Corresponde al punto de referencia search, así que es alcanzable por ese nombre.
  3. Úsalo alrededor del formulario, no en lugar del formulario.

El intento, en números

Líneas
12
Caracteres a escribir
312
Tokens
97
Ritmo de tres estrellas
70 tpm

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

Escribe este fragmento

Paso 6 de 7 en Puntos de referencia; paso 6 de 23 en Semántica y metadatos.

← Anterior Siguiente →