Tipos de entrada en HTML

El elemento <input> es uno de los elementos de formulario más utilizados en HTML. El tipo de entrada define qué tipo de dato se espera del usuario. Aquí puedes explorar los tipos más comunes con ejemplos.

type="text"

Un campo de texto simple. Útil para ingresar nombres, direcciones o cualquier cadena corta.

type="email"

Usado para ingresar direcciones de correo electrónico. Los navegadores modernos validan automáticamente el formato.

type="password"

Un campo de contraseña donde los caracteres están ocultos. Se usa para entradas de inicio de sesión seguras.

type="number"

Permite solo entrada numérica. Puedes establecer valores mínimos y máximos.

type="date"

Un campo selector de fecha que permite al usuario elegir una fecha de un calendario.

type="file"

Permite a los usuarios subir un archivo desde su computadora.

type="checkbox"

Una casilla de verificación que se puede marcar o dejar en blanco. Ideal para selecciones múltiples.

type="radio"

Un botón de opción donde solo uno puede ser seleccionado en un grupo. Se agrupan usando el mismo atributo 'name'.

type="range"

Un control deslizante para seleccionar un valor dentro de un rango. Puedes establecer valores mínimos y máximos.

type="color"

Un campo selector de color que abre una paleta gráfica de colores para el usuario.