next up previous contents
Next: Código CGI Ejemplo Up: Programación en WWW usando Previous: Referencias Biblográficas   Índice General

Formulario Ejemplo

Este es el código HTML del formulario presentado como ejemplo.

<HTML>
<HEAD>
<TITLE>Formularios en HTML</TITLE>
</HEAD>
<BODY>
<H1>Formularios en HTML</H1>
<P> Este es un pequeño muestrario de las posibilidades de interacción
entre clientes y servidores Web a través de los formularios y los
programas cgi-bin. </P>
<P> El único resultado es el eco de la información introducida en el
formulario.</P>
<P>
<FORM METHOD="POST"
ACTION="http://descartes.dcs.fi.uva.es/~jvegas/cgi-bin/echoPost.cgi">
<TABLE BORDER=1 ALIGN=CENTER CELLSPACING=0 CELLPADDING=0>
<TR>
<TH>Introducción de textos</TH>
</TR>
<TR>
<TD>Introduzca su nombre:</TD>
<TD><INPUT TYPE="text" NAME="nombre"> </TD>
<TD>&lt;INPUT TYPE="text" NAME="nombre"&gt; </TD>
</TR>
<TR>
<TD>Introduzca su edad:</TD>
<TD><INPUT TYPE="password" NAME="edad"> </TD>
<TD>&lt;INPUT TYPE="password" NAME="edad"&gt; </TD>
</TR>
<TR>
<TD>Introduzca su dirección:</TD>
<TD><TEXTAREA NAME="direccion" ROWS="2">Aquí.</TEXTAREA></TD>
<TD>&lt;TEXTAREA NAME="direccion" ROWS="2"&gt;>Aquí.&lt;/TEXTAREA&gt;</TD>
</TR>
<TR>
<TH>Selección</TH>
</TR>
<TR>
<TD>¿Estación preferida?</TD>
<TD>
<INPUT TYPE="checkbox" NAME="primavera"> Primavera <BR>
<INPUT TYPE="checkbox" NAME="verano"> Verano <BR>
<INPUT TYPE="checkbox" NAME="otoño"> Otoño <BR>
<INPUT TYPE="checkbox" NAME="invierno"> Invierno 
</TD>
<TD>
&lt;INPUT TYPE="checkbox" NAME="primavera"&gt; Primavera <BR>
&lt;INPUT TYPE="checkbox" NAME="verano"&gt; Verano <BR>
&lt;INPUT TYPE="checkbox" NAME="otoño"&gt; Otoño <BR>
&lt;INPUT TYPE="checkbox" NAME="invierno"&gt; Invierno 
</TD>
</TR>
<TR>
<TD>¿Estación preferida?</TD>
<TD>
<INPUT TYPE="radio" NAME="estacion" VALUE="0"> Primavera <BR>
<INPUT TYPE="radio" NAME="estacion" VALUE="1" CHECKED> Verano <BR>
<INPUT TYPE="radio" NAME="estacion" VALUE="2"> Otoño <BR>
<INPUT TYPE="radio" NAME="estacion" VALUE="3"> Invierno
</TD>
<TD>
&lt;INPUT TYPE="radio" NAME="estacion" VALUE="0"&gt; Primavera <BR>
&lt;INPUT TYPE="radio" NAME="estacion" VALUE="1" CHECKED&gt; Verano <BR>
&lt;INPUT TYPE="radio" NAME="estacion" VALUE="2"&gt; Otoño <BR>
&lt;INPUT TYPE="radio" NAME="estacion" VALUE="3"&gt; Invierno
</TD>
</TR>
<TR>
<TD>¿Estación preferida?</TD>
<TD>
<SELECT NAME="select" SIZE="2">
<OPTION VALUE="0"> Primavera <BR>
<OPTION VALUE="1" SELECTED> Verano <BR>
<OPTION VALUE="2"> Otoño <BR>
<OPTION VALUE="3"> Invierno <BR>
</SELECT>
</TD>
<TD>
&lt;SELECT NAME="select" SIZE="2"&gt;
&lt;OPTION VALUE="0"&gt; Primavera <BR>
&lt;OPTION VALUE="1" SELECTED&gt; Verano <BR>
&lt;OPTION VALUE="2"&gt; Otoño <BR>
&lt;OPTION VALUE="3"&gt; Invierno <BR>
&lt;/SELECT>
</TD>
</TR>
<TR>
</TR>
<TR>
<TH>Control del formulario</TH>
<TR>
<TD>El mensaje oculto</TD>
<TD><INPUT TYPE="hidden" NAME="secreto" VALUE="a voces"> </TD>
<TD>&lt;INPUT TYPE="hidden" NAME="secreto" VALUE="a voces"&gt; </TD>
</TR>
</TR>
<TD>Enviar</TD>
<TD><INPUT TYPE="submit" VALUE="Enviar"></TD>
<TD>&lt;INPUT TYPE="submit" VALUE="Enviar"&gt;</TD>
</TR>
<TR>
<TD>Limpiar</TD>
<TD><INPUT TYPE="reset" VALUE="Limpiar"></TD>
<TD>&lt;INPUT TYPE="reset" VALUE="Limpiar"&gt;</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>



Jesús Vegas 2003-03-13