Ejemplos de formularios

Juego de botones direccionados a pginas LOCALES. Esto slo funciona abriendo la pgina como file:/// no como servicio http://.
Indice Notas Cmo funciona?

<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="Cmo funciona?"> </FORM> </TD> </TR> </TABLE>

Juego de botones direccionados a pginas REMOTAS. Puede funcionar abriendo la pgina como servicio http:// o como file:///. pero deber utilizarse METHOD=GET en lugar de METHOD=POST.
Indice Notas Cmo funciona?

<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="Cmo funciona?"> </FORM> </TD> </TR>

</TABLE>

1 campo vaco. Longitud no limitada. 1 campo vaco. Longitud limitada a 10

Procesar

Inicializar

<FORM METHOD="POST" ACTION="http://mecaniza.sestud.uv.es/cgibin/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 vaco. Longitud no limitada. 1 campo con contenido visible. 1 campo con contenido oculto
TEXTO V ***********

Procesar

Inicializar

<form method="POST" action="http://mecaniza.sestud.uv.es/cgibin/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 vaco. Longitud sin limitar. 1 campo vaco. Longitud limitada a 10. 2 botones de seleccin.

Clase A
Procesar

Clase B
Inicializar

<FORM METHOD="POST" ACTION="http://mecaniza.sestud.uv.es/cgibin/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 vaco. Longitud sin limitar. 1 campo vacio. Longitud limitada a 10. 2 botones seleccin 2 casillas seleccin

Clase A Tipo 1
Procesar

Clase B Tipo 2
Inicializar

<FORM METHOD="POST" ACTION="http://mecaniza.sestud.uv.es/cgibin/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

Procesar Inicializar

<FORM METHOD="POST" ACTION="http://mecaniza.sestud.uv.es/cgibin/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.

Valor 1 Valor 2 Valor 3

Procesar

Inicializar

<FORM METHOD="POST" ACTION="http://mecaniza.sestud.uv.es/cgibin/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

Procesar

Inicializar

<FORM METHOD="POST" ACTION="http://mecaniza.sestud.uv.es/cgibin/test2-cgi"> <TEXTAREA NAME="texto1" ROWS=5 COLS=40 ></TEXTAREA> <P> <INPUT TYPE="SUBMIT" VALUE="Procesar"> <INPUT TYPE="RESET" VALUE="Inicializar"> </FORM>

Un tpico y complejo formulario

Nombre: Apellidos: Calle y nmero: Cdigo Postal: Provincia: Opcin: Comentarios personales: Pulse aqu:
Enviar datos Borrar los datos

F.Nac.:

DNI:

Ciudad: Telfono: Escoja una opcin

<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 nmero:</TD> <TD> <INPUT TYPE="text" NAME="domicilio" SIZE=48 MAXLENGTH=48></TD> <TR> <TD>Cdigo 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> Telfono: <INPUT TYPE="text" NAME="telefono" SIZE=19 MAXLENGTH=19></TD> <TR> <TD>Opcin:</TD> <TD> <SELECT NAME="OPCION"> <OPTION>OPCION 1 <OPTION>OPCION 2 <OPTION>OPCION 3 <OPTION>OPCION 4 <OPTION>OPCION 5 </SELECT>Escoja una opcin</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>