Campos de texto en HTML

Campos de texto de una línea y los atributos que los hacen agradables.

<label for="name">Full name</label>
<input type="text" id="name" name="name" autocomplete="name"
       maxlength="80" required>

<label for="handle">Handle</label>
<input type="text" id="handle" name="handle" spellcheck="false"
       placeholder="ada" maxlength="20">

Cómo funciona

1. autocomplete deja que el navegador llene valores que conoce.
2. maxlength limita el largo; required bloquea el envío vacío.
3. placeholder es una pista, nunca un reemplazo del label.

El intento, en números

Líneas

7

Caracteres a escribir

255

Tokens

62

Ritmo de tres estrellas

65 tpm

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

Escribe este fragmento

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

← Anterior Siguiente →