Explora Libros electrónicos
Categorías
Explora Audiolibros
Categorías
Explora Revistas
Categorías
Explora Documentos
Categorías
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
Que sistema operativo conoces: Windows Macintosh UNIX Has utilizado alguna vez el sistema operativo LINUX. SI NO
pg. 2
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
pg. 3
Nombre: Clave:
Apellidos:
NO
Limpiar
form8.html
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
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
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" >
pg. 6
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: <input type="text" size="22" maxlength="30" name="nombre"> <p> <p>Elige un tema: <blockquote> <p><input type="radio" name="tema" value="ciencia" checked>ciencia
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ó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
<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>
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>
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
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>