Campo de texto
Para crear un campo de texto donde un usuario puede introducir datos, debemos utilizar el elemento <input>:
<input type="text" />
El elemento <input> se puede usar para varios tipos de control. Este elemento no tiene etiqueta de cierre.
El tipo de control viene dado por el valor del atributo type. Algunos ejemplos son:
<input type="text" />
<input type="radio" />
El primero muestra un campo de texto normal (valor por defecto) y, el segundo, muestra un botón de radio.
Probar en el navegador
Atributos de <input>
Además de type, los atributos más importantes de <input> son:
| Atributo | Descripción |
|---|---|
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é cubierto. |
Ejemplo:
<input type="text" name="usuario" size="30" maxlengh="20" placeholder="Nombre de usuario" required />
Probar en el navegador