Introducción de texto
 |
Cuando se requiere la introducción de pequeñas cantidades de texto (una o dos palabras), la marca que utilizaremos será:
<INPUT TYPE="tipo_de_entrada" NAME="var" SIZE="n" MAXLENGTH="m">
|
Atributo |
Descripción |
|
TYPE= tipo_de_entrada |
Define cómo introduciremos los datos en este campo del formulario. Los posibles valores de tipo_de_entrada son text y password. |
|
NAME= var |
Var es el nombre de la variable que irá asociada al campo de información. |
|
SIZE= n |
n es el tamaño (en caracteres) de la ventana donde se escribe la información. |
|
MAXLENGTH= m |
m es la cantidad máxima de caracteres que se puede introducir en el campo. |
En aquellas ocasiones en las que se requiera la introducción de una mayor cantidad de texto (unas líneas) utilizaremos una marca que difiere de la anterior.
<TEXTAREA NAME="var" ROWS="n" COLS="m">
|
Atributo |
Descripción |
|
ROWS= n |
n es la cantidad de filas de texto de la ventana de entrada. |
|
COLS= m |
m es la cantidad de columnas de texto de la ventana de entrada. |
<HEAD>
<TITLE>Formulario de texto</TITLE>
</HEAD>
<BODY TEXT="#000020" LINK="#3A5FCD" VLINK="#7EC0EE" ALINK="#FF0000" BACKGROUND="punteado.gif" TOPMARGIN="30">
<H2>FORMULARIO DE TEXTO</H2>
<FORM ACTION="mailto:direccion@campus.uoc.es" METHOD="POST" ENCTYPE="text/plain">
<P>Nombre de usuario <INPUT TYPE="TEXT" NAME="usuario">
<P>Contraseña <INPUT TYPE="PASSWORD" NAME="clave" SIZE="10" MAXLENGTH="10">
<P>Nombre de pila <INPUT TYPE="TEXT" NAME="nom" SIZE="15" MAXLENGTH="20">
<P>1<sup>er</sup> Apellido <INPUT TYPE="TEXT" NAME="ap1" SIZE="15" MAXLENGTH="20">
<P>2<sup>o</sup> Apellido <INPUT TYPE="TEXT" NAME="ap2" SIZE="15" MAXLENGTH="20">
<P>Comentario <TEXTAREA NAME="comment" ROWS="3" COLS="30"></TEXTAREA>
</FORM>
</BODY>
</HTML>
En el ejemplo anterior, los campos de entrada de texto parecían desorganizados, ante lo cual una buena solución sería distribuir rótulos y campos de entrada mediante tablas de BORDER="0".
<HTML><HEAD>
<TITLE>Formulario en tabla</TITLE>
</HEAD>
<BODY TEXT="#000020" LINK="#3A5FCD" VLINK="#7EC0EE" ALINK="#FF0000" BACKGROUND="punteado.gif" TOPMARGIN="30">
<FORM ACTION="mailto:direccion@campus.uoc.es" METHOD="POST" ENCTYPE="text/plain">
<TABLE>
<TR>
<TD>Nombre de usuario</TD>
<TD><INPUT TYPE="TEXT" NAME="usuario"></TD>
</TR>
<TR>
<TD>Contraseña </TD>
<TD><INPUT TYPE="PASSWORD" NAME="clave" SIZE="10" MAXLENGTH="10"></TD>
</TR>
<TR>
<TD>Nombre de pila </TD>
<TD><INPUT TYPE="TEXT" NAME="nom" SIZE="10" MAXLENGTH="20"></TD>
</TR>
<TR>
<TD>1.<sup>er</sup> Apellido </TD>
<TD><INPUT TYPE="TEXT" NAME="ap1" SIZE="10" MAXLENGTH="20"></TD>
</TR>
<TR>
<TD>2.<sup>o</sup> Apellido </TD>
<TD><INPUT TYPE="TEXT" NAME="ap2" SIZE="10" MAXLENGTH="20"></TD>
</TR>
<TR>
<TD>Comentario </TD>
<TD><TEXTAREA NAME="comment" ROWS="3" COLS="30"></TEXTAREA></TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
