Está en la página 1de 10

Programacin Aplicada III

pg. 1

EJERCICIOS DE FORMULARIOS:
<HTML> <HEAD> <TITLE>MI PRIMERA PAGINA WEB</TITLE> </HEAD> <BODY BGCOLOR="#FFFFFF"> <FORM ACTION="mailto:jluis@upv.es" METHOD="POST" NAME="primero"> Nombre : <INPUT TYPE="text" SIZE="20" MAXLENGTH="20" NAME="nombre" VALUE="anonimo"> Apellidos: <INPUT TYPE="text" SIZE="20" MAXLENGTH="20" NAME="apellidos"> </form> </BODY> </HTML> <FORM ACTION="mailto:jluis@upv.es" METHOD="POST" NAME="primero"> <BR> Nombre: <INPUT TYPE="text" SIZE="20" MAXLENGTH="20" MAME="nombre"> Apellidos: <INPUT TYPE="text" SIZE="20" MAXLENGTH="20" NAME="apellidos"> <P>Clave: <INPUT TYPE="password" SIZE="8" MAXLENGTH="8" NAME="contrasea"> </FORM> <p> Has utilizado alguna vez el sistema operativo LINUX. <br> SI <input type="radio" checked name="LINUX" value="SI"> NO <input type="radio" name="LINUX" value="NO" <p> <br> <div align=center> <INPUT TYPE="submit" VALUE="Enviar formulario"> Nombre : Apellidos :
anonimo perez

form1.html Nombre : Apellidos : Clave :


**** pepito perez
1

form2.html Nombre : Apellidos : Clave :


**** pepito perez

Que sistema operativo conoces: Windows Macintosh UNIX Has utilizado alguna vez el sistema operativo LINUX. SI NO

En que mesa estas sentado: <BR> <INPUT TYPE="image" NAME="plano" SRC="imagen1.gif"

Enviar form3.html Idem que antes + En que mesa estas sentado:

Programacin Aplicada III

pg. 2

align="bottom" border="5" width="569" height="163"> </FORM>

form4.html <INPUT TYPE="submit" VALUE="Enviar formulario"> <INPUT TyPE="reset" VALUE="Limpiar el formulario"> </form> </BODY> </HTML> Nombre: Apellidos: Clave:
**** pedro guerra

Enviar form5.html <FORM ACTION="mailto:jluis@upv.es" METHOD="POST" NAME="primero"> <SELECT NAME="ciudades"> <OPTION>VALENCIA <OPTION>MURCIA <OPTION>CASTELLON <OPTION>ZARAGOZA </SELECT> <SELECT NAME="coches" MULTIPLE SIZE="5"> <OPTION>FORD <OPTION>SEAT <OPTION>NISSAN <OPTION>OPEL <OPTION>RENAULT <OPTION>PEUGEOT <OPTION>FIAT </SELECT> <P> <INPUT TYPE="submit" VALUE="Enviar forniulario"> <INPUT TYPE="reset" VALUE="Limpiar el formulario"> </form> </BODY> </HTML> <FORM ACTION="mailto:jluis@ upv.es" METHOD="POST" NAME="primero"> <TEXTAREA NAME=" comentarios" ROWS="5" COLS="20"></textarea> <P> <INPUT TYPE="submit" VALUE="Enviar"> <INPUT TYPE="reset" VALUE="Limpiar"> </FORM> </BODY></HTML>

Limpiar

Enviar forniulario

Limpiar el formulario

form6.html

Enviar

Limpiar

form7.html

Programacin Aplicada III

pg. 3

Nombre: Clave:

Apellidos:

Que sistema operativo conoces: Windows Macintosh UNIX

Has utilizado alguna vez el sistema operativo LINUX. SI


Enviar

NO
Limpiar

form8.html

Encuesta sobre conocimientos informticos.


1.- Que sistema operativo utilizas: Windows 97 98 Macintosh UNIX Ninguno 2.- Que procesador de textos utilizas con ms frecuencia, 2.1.- Windows Wordpad Bloc de notas Word 95 97 Wordperfect Ninguno 2.2.- MS-DOS Edit Word Ninguno

Programacin Aplicada III

pg. 4

Cdigo de la encuesta:
<HTML> <HEAD> <TITLE>MI PRIMERA PAGINA WEB</TITLE> </HEAD> <BODY BGCOLOR="#FFFFFF"> <FORM ACTION="mailto:anaserigo@terra.es" METHOD="POST" NAME="primero"> <DL> <DT><FONT SIZE="+2"><B>Encuesta sobre conocimientos informticos.</B></FONT> <DL>1.- Que sistema operativo utilizas: <DD>Windows<INPUT TYPE="checkbox" NAME="Windows" VALUE="Win"></DD> <DL> <DL> <DT> <DD><input type="radio" checked name="Vl" value="97">97</DD> <DD><input type="radio" name="Vl" value="98">98</DD> </dl> </DL> <DD>Macintosh<INPUT TYPE="checkbox" CHECKED NAME="Macintosh" VALUE="Mac"></DD> <DD>UNIX<INPUT TYPE="checkbox" NAME="UNIX" VALUE="UNIX"></DD> <DD>Ninguno<input type="checkbox" NAME="ninguno" value="no"></DD> <DT>2.- Que procesador de textos utilizas con ms frecuencia,</DT> <DL> <DT>2.1.- Windows <DL> <DD>Wordpad<INPUT TYPE="checkbox" NAME="Wordpad" VALUE="pad"></DD> <DD>Bloc de notas<input type="checkbox" name="bloc" value="bloc"></DD> <DD>Word<input type="checkbox" checked name="word" value="word"></DD> <dl> <DT> <DD><input type="radio" name="tl" value="95">95</DD> <DD><input type="radio" name="tl" value="97">97</DD> </dl> <DD>Wordperfect<input type="checkbox" name="wordperfect" value="perfect"></DD> <DD>Ninguno<input type="checkbox" name="ninguno" value="no"></DD> </DL> <DT>2.2.- MS-DOS <DL> <DD>Edit<INPUT TYPE="checkbox" NAME="edit" VALUE="ed"></DD> <DD>Word<input type="checkbox" name="worddos" value="star"></DD> <DD>Ninguno<input type="checkbox" name="ninguno" value="no"></DD> </DL> </DL> </DL> </form> </BODY> </HTML> form9.html

Programacin Aplicada III

pg. 5

form10.html

Miscelnea:
Tu Nombre: Archivos a Enviar: Tu Edad : Tu Clave: Manual de Html Programa Mapthis Archivo de Ayuda

Menos de 20 aos

Entre 20 y 40 aos

Mas de 40 aos

Como encontraste mi pgina : Tus Comentarios:

Enviar

Borrar

cdigo:
<head> <TITLE>mi Pgina</TITLE> </HEAD> <body> <FORM action = "mailto:jluis@upv.es" method = post > Tu Nombre:<INPUT type = text name = nombre size = 30 > Tu Clave: <INPUT type = password name = clave size = 8 > <P> Archivos a Enviar: <INPUT type = checkbox name = archivo value = "Manual" > Manual de Html <INPUT type = checkbox name = archivo value ="Mapthis" > Programa Mapthis <INPUT type = checkbox name = archivo value ="Help" > Archivo de Ayuda <P> Tu Edad : <INPUT type = radio name = edad value = "-20" > Menos de 20 aos <INPUT type = radio name = edad value = "20-40" > Entre 20 y 40 aos <INPUT type = radio name = edad value = "+40" > Mas de 40 aos <P> <INPUT type = hidden name = lugar value = "pagina personal" > Como encontraste mi pgina : <SELECT name = donde > <OPTION>De casualidad <OPTION>Por el buscador Ole <OPTION>Por el buscador Yahoo <OPTION>Me la comentaron </SELECT> <P> Tus Comentarios: <BR> <TEXTAREA name = comentario rows = 5 cols = 40 wrap = virtual ></TEXTAREA> <P> <INPUT type = submit value = "Enviar" >

Programacin Aplicada III


<INPUT type = reset value = "Borrar" > </FORM> </BODY> </HTML>

pg. 6

form11.html Teclea tu nombre y apellidos:

Elige un tema: ciencia literatura Marca tus aficiones: deporte msica lectura pesca Introduce la contrasea:
Enviar datos Ver cdigo f uente Borrar datos Cerrar ventana

arte

<html> <head> <title>form3</title> </head> <body bgcolor="#ffff99" text="#996699"> <form action="mailto:pati2906@hotmail.com" method="post" name="primero"> <hr> <blockquote> <blockquote> <blockquote> Teclea tu nombre y apellidos: &nbsp;<input type="text" size="22" maxlength="30" name="nombre">&nbsp;&nbsp;&nbsp;&nbsp; <p> <p>Elige un tema: <blockquote> <p><input type="radio" name="tema" value="ciencia" checked>ciencia

Programacin Aplicada III

pg. 7

<input type="radio" name="tema" value="arte">arte <input type="radio" name="tema" value="literatura">literatura </blockquote> <p>Marca tus aficiones: <blockquote> <p><input type="checkbox" name="deporte" checked>deporte <p><input type="checkbox" name="msica" checked>msica <p><input type="checkbox" name="lectura">lectura <p><input type="checkbox" name="pesca">pesca </blockquote> <p>Introduce la contrasea: <input type="password" name="contrasea"> </blockquote> </blockquote> </blockquote> <div align="center"> <input type="submit" value="Enviar datos"> <input type="reset" value="Borrar datos"> <p> <input type="button" value="Ver c&oacute;digo fuente" onclick='window.location="viewsource:" + window.location.href'> <input type="button" value="Cerrar ventana" onclick="window.close();"> </div> <hr> </form> </body> </html>

form12.html

Botones de comando para abrir ficheros


Tablas Listas Ver foto?

<html> <head> <title>form6</title> </head> <body bgcolor="#ffff99" text="#996699"> <h2 align="center">Botones de comando para abrir ficheros </h2> <hr> <p> <TABLE align="center"> <TR> <TD> <FORM METHOD="POST" ACTION="../tablas/tabla6.html"> <INPUT TYPE="SUBMIT" VALUE="Tablas"> </FORM> </TD> <TD> <FORM METHOD="POST" ACTION="../listas/lista7.html"> <INPUT TYPE="SUBMIT" VALUE="Listas"> </FORM> </TD> <TD> <FORM METHOD="POST" ACTION="../imagenes/esquel.jpg"> <INPUT TYPE="SUBMIT" VALUE="Ver foto?"> </FORM>

Programacin Aplicada III


</TD> </TR> </TABLE> <p> <hr> </body> </html>

pg. 8

form13.html

Optgroup
Enviar consulta Restablecer

Ver ficheros:
Examinar ...

Enviar

<html> <head> <title>form13</title> </head> <body bgcolor="#ffff99" text="#996699"> <h2 align="center">Optgroup </h2> <hr> <div align="center"> <FORM METHOD="post" ACTION="mailto:"pati2906@hotmail.com""> <pre> <select name="SO" bgcolor="yellow"> <optgroup label="WINDOWS"> <option bgcolor="olive">95 <option>98 <option>NT <option>2000 </optgroup> <optgroup label="LINUX"> <option>Debian <option>Red Hat <option>Mandrake <option>Suse </optgroup> </select> <input type="submit" bgcolor="red"> <input type="reset"> <hr> <p>

Programacin Aplicada III


<p> <h2>Ver ficheros:</h2> <input type="file"> <input type="submit" value="Enviar"> </pre> </FORM>

pg. 9

form14.html

Mantenimiento de clientes
Datos identificativos
Nombre: Apellidos: Direccin: Ciudad: Banco: Agencia: Cuenta:

Tipo de pago
Contado Crdito

Forma de pago
30 das 60 das 90 das
Enviar Reinicializar

Programacin Aplicada III

pg. 10

<html> <head> <title>form14</title> </head> <body bgcolor="#ffffcc" text="#996699"> <table bgcolor="#008080" width="100%"> <tbody> <tr> <td align="center"><font color="#00ff00" size="4">Mantenimiento de clientes </td> </tr> </tbody> </table> <FORM METHOD="post" ACTION="mailto:"user@hotmail.com""> <fieldset> <legend>Datos identificativos</legend> <pre> Nombre: <input type="text" name="nombre" size="10" tabindex="1"> Apellidos: <input type="text" name="apellidos" size="40" tabindex="2"> Direccin: <input type="text" name="direccion" size="35" tabindex="3"> Ciudad: <input type="text" name="ciudad" size="25" tabindex="4"> Banco: <input type="text" name="banco" size="25" tabindex="5"> Agencia: <input type="text" name="agencia" size="20" tabindex="6"> Cuenta: <input type="text" name="cuenta" size="35" tabindex="7"> </pre> </fieldset> <br> <fieldset> <legend>Tipo de pago</legend> <pre> <input type="radio" name="tipo_p" value="Contado" tabindex="9">Contado <input type="radio" name="tipo_p" value="Credito" tabindex="9">Crdito </pre> </fieldset> <fieldset> <legend>Forma de pago</legend> <pre> <input type="checkbox" name="forma_p" value="30" tabindex="10">30 das <input type="checkbox" name="forma_p" value="60" tabindex="11">60 das <input type="checkbox" name="forma_p" value="90" tabindex="12">90 das </pre> </fieldset> <input type="submit" value="Enviar" tabindex="12"> <input type="reset" value="Reinicializar" tabindex="13"> </FORM> </body> </html>

También podría gustarte