Volver atrás

Atributos comunes de los inputs

Info extraída de W3Schools

Nota: Se muestran los más utilizados. Para ver todos, visitar el link de arriba.

value

El atributo value especifica un valor inicial para un campo de entrada.

placeholder

Especifica una sugerencia breve que describe el valor esperado de un campo de entrada (un valor de muestra o una descripción breve del formato esperado). La sugerencia breve se muestra en el campo de entrada antes de que el usuario ingrese un valor. Funciona con los siguientes tipos de inputs: text, search, url, tel, email y password.

autofocus

Especifica que un campo de entrada debe enfocarse automáticamente cuando se carga la página.

readonly

Especifica que un campo de entrada es de solo lectura. Un campo de entrada de solo lectura no se puede modificar (sin embargo, un usuario puede tabular, resaltarlo y copiar el texto). ¡El valor de un campo de entrada de solo lectura se enviará al enviar el formulario!

disabled

Especifica que un campo de entrada debe estar deshabilitado. Un campo de entrada deshabilitado es inutilizable y no se puede hacer clic. ¡El valor de un campo de entrada deshabilitado no se enviará al enviar el formulario!

required

Especifica que se debe completar un campo de entrada antes de enviar el formulario. Funciona con los siguientes tipos de inputs: text, search, url, tel, email, password, selectores de fecha/hora, number, checkbox, radio y file.

autocomplete





El atributo especifica si un formulario o un campo de entrada debe tener la función de autocompletar activada o desactivada. Autocompletar permite que el navegador prediga el valor. Cuando un usuario comienza a escribir en un campo, el navegador debe mostrar opciones para completar el campo, en función de los valores escritos anteriormente. Funciona con <form> y los siguientes tipos de inputs: text, search, url, tel, email, password, selectores de fecha/hora, range y color.

En algunos navegadores, es posible que deba activar una función de autocompletar para que esto funcione (busque en "Preferencias" en el menú del navegador).

size

Especifica el ancho visible, en caracteres, de un campo de entrada. El valor predeterminado para el tamaño es 20. Nota: el atributo de tamaño funciona con los siguientes tipos de inputs: text, search, tel, url, email y password.

maxlength

Especifica el número máximo de caracteres permitidos en un campo de entrada. Cuando se establece una longitud máxima, el campo de entrada no aceptará más del número de caracteres especificado. Sin embargo, este atributo no proporciona ningún comentario. Entonces, si desea alertar al usuario, debe escribir código JavaScript.

min y max

Especifican los valores mínimo y máximo para un campo de entrada. Trabajan con los siguientes tipos de inputs: number, range, date, datetime-local, month, time y week

Sugerencia: use los atributos max y min juntos para crear un rango de valores legales.

step

El atributo especifica los intervalos de números legales para un campo de entrada. Ejemplo: si step = "3", los números legales podrían ser -3, 0, 3, 6, etc. Trabajan con los siguientes tipos de inputs: number, range, date, datetime-local, month, time y week

Las restricciones de entrada no son infalibles y JavaScript proporciona muchas formas de agregar entradas ilegales. ¡Para restringir la entrada de forma segura, también debe ser verificada por el receptor (el servidor)!

checked


Cuando está presente, especifica que se debe preseleccionar (marcar) el elemento <input> cuando se carga la página (también se puede configurar después de cargar la página, con JavaScript). Funciona con los siguientes tipos de inputs: checkbox y radio.

multiple

Especifica que el usuario puede ingresar más de un valor en un campo de entrada. El atributo múltiple funciona con los siguientes tipos de inputs: email y file.

pattern

Especifica una expresión regular con la que se comprueba el valor del campo de entrada cuando se envía el formulario. Funciona con los siguientes tipos de inputs: text, date, search, url, tel, email y password.