Ejemplos de formularios
Juego de botones direccionados a páginas LOCALES.
Esto sólo funciona abriendo la página como file:/// no como servicio http://.
<TABLE>
<TR>
<TD>
<FORM METHOD="POST" ACTION="indice.htm">
<INPUT TYPE="SUBMIT" VALUE="Indice">
</FORM>
</TD>
<TD>
<FORM METHOD="POST" ACTION="notas.htm">
<INPUT TYPE="SUBMIT" VALUE="Notas">
</FORM>
</TD>
<TD>
<FORM METHOD="POST" ACTION="como.htm">
<INPUT TYPE="SUBMIT" VALUE="Cómo funciona?">
</FORM>
</TD>
</TR>
</TABLE>
Juego de botones direccionados a páginas REMOTAS.
Puede funcionar abriendo la página como servicio http:// o como file:///. pero deberá utilizarse METHOD=GET en lugar de METHOD=POST.
<TABLE>
<TR>
<TD>
<FORM METHOD="GET" ACTION="http://sestud.uv.es/manual.esp/indice.htm">
<INPUT TYPE="SUBMIT" VALUE="Indice">
</FORM>
</TD>
<TD>
<FORM METHOD="GET" ACTION="http://sestud.uv.es/manual.esp/notas.htm">
<INPUT TYPE="SUBMIT" VALUE="Notas">
</FORM>
</TD>
<TD>
<FORM METHOD="GET" ACTION="http://sestud.uv.es/manual.esp/como.htm">
<INPUT TYPE="SUBMIT" VALUE="Cómo funciona?">
</FORM>
</TD>
</TR>
</TABLE>
1 campo vacío. Longitud no limitada.
1 campo vacío. Longitud limitada a 10
<FORM METHOD="POST" ACTION="http://mecaniza.sestud.uv.es/cgi-bin/test2-cgi">
<INPUT NAME="campo1">
<INPUT NAME="campo2" SIZE=10 MAXLENGTH=10>
<P>
<INPUT TYPE="submit" VALUE="Procesar">
<INPUT TYPE="reset" VALUE="Inicializar"></FORM>
1 campo vacío. Longitud no limitada.
1 campo con contenido visible.
1 campo con contenido oculto
<form method="POST" action="http://mecaniza.sestud.uv.es/cgi-bin/test2-cgi">
<input name="campo1">
<input name="campo2" VALUE="TEXTO VISIBLE">
<input type="password" name="campo3" VALUE="TEXTO OCULTO">
<P>
<input type="submit" value="Procesar">
<input type="reset" value="Inicializar"></form>
1 campo vacío. Longitud sin limitar.
1 campo vacío. Longitud limitada a 10.
2 botones de selección.
<FORM METHOD="POST" ACTION="http://mecaniza.sestud.uv.es/cgi-bin/test2-cgi">
<INPUT NAME="campo1">
<INPUT NAME="campo2" SIZE=10 MAXLENGTH=10>
<P>
Clase A <INPUT TYPE="RADIO" NAME="clase" VALUE="A">
Clase B <INPUT TYPE="RADIO" NAME="clase" VALUE="B">
<P>
<INPUT TYPE="SUBMIT" VALUE="Procesar">
<INPUT TYPE="RESET" VALUE="Inicializar">
</form>
1 campo vacío. Longitud sin limitar.
1 campo vacio. Longitud limitada a 10.
2 botones selección
2 casillas selección
<FORM METHOD="POST" ACTION="http://mecaniza.sestud.uv.es/cgi-bin/test2-cgi">
<INPUT NAME="campo1">
<INPUT NAME="campo2" SIZE=10 MAXLENGTH=10>
<P>
Clase A <INPUT TYPE="RADIO" NAME="clase" VALUE="A">
Clase B <INPUT TYPE="RADIO" NAME="clase" VALUE="B">
<P>
Tipo 1 <INPUT TYPE="CHECKBOX" NAME="tipo" VALUE="1">
Tipo 2 <INPUT TYPE="CHECKBOX" NAME="tipo" VALUE="2">
<P>
<INPUT TYPE="SUBMIT" VALUE="Procesar">
<INPUT TYPE="RESET" VALUE="Inicializar">
</form>
1 lista desplegable de 3 valores. 1 visible
<FORM METHOD="POST" ACTION="http://mecaniza.sestud.uv.es/cgi-bin/test2-cgi">
<INPUT TYPE="SUBMIT" VALUE="Procesar">
<INPUT TYPE="RESET" VALUE="Inicializar">
<SELECT NAME="lista1">
<OPTION>Valor 1
<OPTION>Valor 2
<OPTION>Valor 3
</SELECT>
</FORM>
1 lista desplegable de 5 valores. 3 visibles.
<FORM METHOD="POST" ACTION="http://mecaniza.sestud.uv.es/cgi-bin/test2-cgi">
<SELECT NAME="lista1" SIZE=3>
<OPTION>Valor 1
<OPTION>Valor 2
<OPTION>Valor 3
<OPTION>Valor 4
<OPTION>Valor 5
</SELECT>
<P>
<INPUT TYPE="SUBMIT" VALUE="Procesar">
<INPUT TYPE="RESET" VALUE="Inicializar">
</FORM>
1 Ventana de texto de 5x40
<FORM METHOD="POST" ACTION="http://mecaniza.sestud.uv.es/cgi-bin/test2-cgi">
<TEXTAREA NAME="texto1" ROWS=5 COLS=40 ></TEXTAREA>
<P>
<INPUT TYPE="SUBMIT" VALUE="Procesar">
<INPUT TYPE="RESET" VALUE="Inicializar">
</FORM>
Un típico y complejo formulario
<FORM ACTION="http://miserver.midominio.mipais/cgi-bin/test2-cgi" METHOD=POST>
<CENTER>
<TABLE BORDER>
<TR>
<TD>Nombre:</TD>
<TD> <INPUT TYPE="text" NAME="nombre" SIZE=18 MAXLENGTH=18> F.Nac.:
<INPUT TYPE="text" NAME="edad" SIZE=8 MAXLENGTH=8> DNI:
<INPUT TYPE="text" NAME="dni" SIZE=8 MAXLENGTH=8></TD>
<TR>
<TD>Apellidos:</TD>
<TD> <INPUT TYPE="text" NAME="apellidos" SIZE=48 MAXLENGTH=48></TD>
<TR>
<TD>Calle y número:</TD>
<TD> <INPUT TYPE="text" NAME="domicilio" SIZE=48 MAXLENGTH=48></TD>
<TR>
<TD>Código Postal:</TD>
<TD> <INPUT TYPE="text" NAME="postal" SIZE=5 MAXLENGTH=5>Ciudad:
<INPUT TYPE="text" NAME="localidad" SIZE=36 MAXLENGTH=36></TD>
<TR>
<TD>Provincia: </TD>
<TD> <INPUT TYPE="text" NAME="provincia" SIZE=20 MAXLENGTH=20> Teléfono:
<INPUT TYPE="text" NAME="telefono" SIZE=19 MAXLENGTH=19></TD>
<TR>
<TD>Opción:</TD>
<TD> <SELECT NAME="OPCION">
<OPTION>OPCION 1
<OPTION>OPCION 2
<OPTION>OPCION 3
<OPTION>OPCION 4
<OPTION>OPCION 5
</SELECT>Escoja una opción</TD>
<TR>
<TD>Comentarios<BR> personales:</TD>
<TD> <TEXTAREA NAME="coment" ROWS=2 COLS=48></TEXTAREA></TD>
<TR>
<TD><B>Pulse aquí:</B></TD>
<TD ALIGN=CENTER>
<INPUT TYPE="submit" VALUE="Enviar datos ">
<INPUT TYPE="reset" VALUE="Borrar los datos"></TD>
</TABLE>
</CENTER>
</FORM>
|
