Atributos para Elementos de Entrada

Ya sabemos cómo construir formularios con entradas y etiquetas. Ahora, consideremos otros atributos útiles para los elementos de entrada que mejoran su funcionalidad y usabilidad.

Atributos Comunes para Elementos de Entrada

Placeholder

placeholder proporciona un texto de ejemplo o sugerencia dentro del campo de entrada, guiando a los usuarios sobre qué tipo de entrada se espera. Útil para proporcionar contexto o instrucciones a los usuarios antes de que ingresen datos.

Name

name especifica el nombre del campo de entrada, que se utiliza para identificar los datos de entrada cuando se envía el formulario. Cada campo de entrada dentro de un formulario debe tener un atributo de nombre único.

Value

value establece el valor inicial o predeterminado del campo de entrada. Prellena el campo de entrada con un valor específico cuando se carga la página.

Required

required especifica que el campo de entrada debe completarse antes de que se pueda enviar el formulario. Evita el envío del formulario si el campo requerido está vacío.

Disabled

disabled deshabilita el campo de entrada, impidiendo que los usuarios interactúen con él o ingresen datos. Útil para mostrar campos de entrada de solo lectura o inactivos.

Readonly

readonly hace que el campo de entrada sea de solo lectura, permitiendo a los usuarios ver el valor pero no modificarlo. Similar al atributo disabled, pero aún permite que el campo sea enfocado y seleccionado.

Min y Max

min y max especifican los valores mínimos y máximos permitidos para los campos de entrada numéricos. Útil para imponer restricciones en la entrada numérica, como edad o cantidad.

Ejemplo: Consideremos un ejemplo que incluye todos los atributos y elementos necesarios para el formulario.

Tutorial en Video