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 camposize
– 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 campovalue
– valor por defecto del campo de textoplaceholder
– valor sugerido, se presenta en color gris y desaparece al hacer foco con el cursor en el camporeadonly
– El valor del campo no puede ser modificado por el usuarioautofocus
– Sitúa el cursor del ratón en el campo una vez cargada la páginarequired
– 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í:
