<input type="text"><input type="password"><input type="date"><input type="month"><input type="week"><input type="datetime-local"><input type="time"><input type="url"><input type="email"><input type="tel"><input type="search"><input type="number"><input type="submit"><input type="reset"><input type="button"><input type="radio"><input type="checkbox"><input type="file"><input type="range"><input type="color"><input type="image"><input type="hidden">Ver luego: Atributos de los inputs
Es el valor por defecto (si no se colocara el atributo type). Define un campo de entrada de texto de una sola línea.
Define un campo de contraseña. Los caracteres en un campo de contraseña están enmascarados (se muestran como asteriscos o círculos).
Se utiliza para campos de entrada que deben contener una fecha. Dependiendo de la compatibilidad del navegador, puede aparecer un selector de fecha en el campo de entrada.
Permite al usuario seleccionar un mes y un año. Dependiendo de la compatibilidad del navegador, puede aparecer un selector de fecha en el campo de entrada.
Permite al usuario seleccionar una semana y un año. Dependiendo de la compatibilidad del navegador, puede aparecer un selector de fecha en el campo de entrada.
Especifica un campo de entrada de fecha y hora, sin zona horaria. Dependiendo de la compatibilidad del navegador, puede aparecer un selector de fecha en el campo de entrada.
Permite al usuario seleccionar una hora (sin zona horaria). Dependiendo de la compatibilidad del navegador, puede aparecer un selector de tiempo en el campo de entrada.
Se utiliza para campos de entrada que deben contener una dirección URL. Dependiendo de la compatibilidad del navegador, el campo de URL se puede validar automáticamente cuando se envía. Algunos teléfonos inteligentes reconocen el tipo de URL y agregan ".com" al teclado para que coincida con la entrada de URL.
Se utiliza para campos de entrada que deben contener una dirección de correo electrónico. Dependiendo de la compatibilidad del navegador, la dirección de correo electrónico se puede validar automáticamente cuando se envía. Algunos teléfonos inteligentes reconocen el tipo de correo electrónico y agregan ".com" al teclado para que coincida con la entrada del correo electrónico.
Se utiliza para campos de entrada que deben contener un número de teléfono.
Se utiliza para los campos de búsqueda (un campo de búsqueda se comporta como un campo de texto normal).
Define un campo de entrada numérico.
También puede establecer restricciones sobre qué números se aceptan. El siguiente ejemplo muestra un campo de entrada numérico, donde puede ingresar un valor del 1 al 5:
Define un botón para enviar datos de formulario a un controlador de formulario. El controlador de formulario
suele ser una página de servidor con un script para procesar los datos de entrada. El controlador de formulario
se especifica en el atributo action del formulario.
Si omite el atributo value, el botón obtendrá un texto predeterminado.
Define un botón de reinicio que restablecerá todos los valores del formulario a sus valores predeterminados.
Si omite el atributo value, el botón obtendrá un texto predeterminado.
Define un botón. Especifique siempre el atributo
type para el botón.
También se pueden hacer botones mediante el elemento <button>
Los botones de opción le permiten al usuario seleccionar UNA de un número limitado de opciones.
El valor del campo es el que aparece en el atributo value, independientemente de lo que ve el
usuario en el elemento <label>.
Las casillas de verificación permiten al usuario seleccionar CERO o MÁS opciones de un número limitado de opciones.
El valor del campo es el que aparece en el atributo value, independientemente de lo que ve el
usuario en el elemento <label>.
Define un campo de selección y un botón para cargar archivos.
Define un control para ingresar un número cuyo valor exacto no es importante (como un control deslizante). El
rango predeterminado es de 0 a 100. Sin embargo, puede establecer restricciones sobre qué números se aceptan con
los atributos min, max y step
Se utiliza para campos de entrada que deben contener un color. Dependiendo de la compatibilidad del navegador, puede aparecer un selector de color en el campo de entrada.
Se utilizan para crear botones de envío gráficos, es decir, botones de envío que toman la forma de una imagen en lugar de texto.
Define un campo de entrada oculto (no visible para un usuario). Un campo oculto permite a los desarrolladores web incluir datos que los usuarios no pueden ver ni modificar cuando se envía un formulario. Un campo oculto a menudo almacena qué registro de la base de datos debe actualizarse cuando se envía el formulario.
Nota: Si bien el valor no se muestra al usuario en el contenido de la página, es visible (y se puede editar) utilizando las herramientas de desarrollo de cualquier navegador o la función "Ver código fuente". ¡No utilice entradas ocultas como una forma de seguridad!