Saltar la navegación

2.7.2.- Campos de formulario - input

Dentro de un formulario puede haber varios tipos de controles: campos de texto normales, campos para contraseñas, fechas o botones de radio, entre otros.

El elemento <input> (que no tiene etiqueta de cierre) se puede usar para varios tipos de control, según el valor que tome el atributo type. Por ejemplo, para type="text", que es el valor por defecto, se obtiene un campo de texto. Con type = "radio", un botón de radio.

Además, de type, los atributos más importantes de la etiqueta son:

  • name nombre del campo
  • size – número de caracteres visibles en el campo. Por defecto 20.
  • maxlengh – número máximo de caracteres que el usuario podrá introducir en el campo
  • value – valor por defecto del campo de texto
  • placeholder – valor sugerido, se presenta en color gris y desaparece al hacer foco con el cursor en el campo
  • readonly – El valor del campo no puede ser modificado por el usuario
  • autofocus – Sitúa el cursor del ratón en el campo una vez cargada la página
  • required – No se podrá enviar el formulario hasta que el campo esté cumplimentado

Ejemplo:

  • <input type="text" name="usuario" size="30" maxlengh="20" placeholder="Escriba aquí el nombre de usuario" required>

Se vería en el navegador así:

Ilustración de cómo se visualiza en un navegador web el ejemplo HTML.
Materiales educativos de la CAM (Uso educativo NC)