Tutorial:XHTML

Campos de texto

Se distinguen 3 tipos de campos de texto en función de la longitud y de la seguridad que necesite emplearse:

1.- Cuadro de texto (<input type="text" name="nombre-del-campo" value="valor por defecto">)

2.- Cuadro texto de contraseña (<input type="password" name="nombre-del-campo">)

3.- Área de texto (<textarea name="nombre-del-campo" cols="XX" rows="XX"> Texto que se incluirá por defecto </textarea>)

input type="text" | input type="password"

Los cuadros de texto son los elementos más utilizados en los formularios. Este campo puede ser de "texto común" (type="text") o de contraseña ("type="password". El texto escrito por el usuario es reemplazado por asteriscos).

Véase el siguiente ejemplo:

El código es el siguiente:

<form action="script.php" method="post">
   Nombre de usuario:<br /> 
   <input type="text" name="usuario" value="-" /><br /><br />
   Contraseña:<br /> 
   <input type="password" name="contrasena" value="-" />
   <input type="button" value="Entrar" />
</form>

textarea

Por otra parte, las áreas de texto son útiles cuando se debe introducir una gran cantidad de texto, pues es mucho más cómodo y permiten una extensión más larga que los campos de texto comunes.

El atributo "cols" define el número de caracteres máximos que podrán escribirse en cada fila mientras que "rows" especifica el número de filas del área de texto.

Véase el siguiente ejemplo:

El código es el siguiente:

<form action="script.php" method="post">
   Consulta:<br /> 
   <textarea name="consulta" cols="20" rows="3">Escribe aquí tu consulta...</textarea>
   <input type="button" value="Enviar" />
</form>

PRACTICA: Codificar el formulario siguiente: