Índice

Campo de texto

Este campo de texto permite captar la introducción de datos tanto alfabéticos como numéricos.

Ejemplo

Propongamos al usuario un campo de texto para introducir su nombre.

images/CAP09IMG01.png
<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8"> 
</head> 
<body> 
<form action=""> 
Nombre: <input type="text"> 
</form> 
</body> 
</html>

Comentarios

  • Esta etiqueta, básica en HTML, es perfectamente compatible en los distintos navegadores.

  • La etiqueta <input> no tiene etiqueta de cierre. La sintaxis <input type="text" />, inspirada en XHTML, está aceptada igualmente en HTML5.

Los posibles atributos son:

name

Define un nombre (name) único para este elemento. Este atributo se utiliza para recoger el contenido del campo de texto cuando se envía el formulario.

size

Define el número de caracteres visibles del campo de texto y, por tanto, la longitud de la zona de texto. El usuario puede, no obstante, introducir tantos caracteres como quiera, incluso aunque sobrepasen la zona visible. El valor por defecto de este campo es 20.

maxlength

Determina el número máximo de caracteres que el usuario puede introducir en el campo de texto. Este atributo es particularmente útil para datos con un número concreto de caracteres, como, por ejemplo, cinco cifras para introducir un código ...