Inicio Atrás Adelante

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.
En caso de seleccionar password, en la pantalla cada carácter se ve sustituido por un asterisco (con el fin de salvaguardar la privacidad del usuario).

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.

<HTML>
<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>

muestra52.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>

muestra53.html

Inicio Atrás Adelante

Arriba