Sunteți pe pagina 1din 2

<html>

<head>

<title>Ejemplo 16</title>

<style>

fieldset {width: 40%;}

</style>

</head>

<body>

<H1>EL MUNDO SIGUE SIENDO CRUEL</H1>

<H2>REPASANDO FORMULARIOS</H2>

<h3>Alta de usuario</h3>

<form action="control1.html" id="formulario1" name="formRegistro" method="post">

Usuario: <INPUT TYPE="text" ID="entrada1" NAME="nombreUsuario" MAXLENGTH="8" />

(Máximo 8 caracteres)<BR />

Contraseña: <INPUT TYPE="password" ID="entrada2" NAME="clave" /><BR />

Correo electrónico <INPUT TYPE="email" ID="entrada3" NAME="correo" size="40" /><BR />

País: <SELECT id="seleccion1" name="pais">

<option id=opcion0" value="">Elige un pais</option>

<option id="opcion1" value="AND">ANDORRA</option>

<option id="opcion2" value="ESP">ESPAÑA</option>

<option id="opcion3" value="POR">PORTUGAL</option>

</SELECT><BR /><BR />

<INPUT type="reset" id="boton1" name="Limpiar formulario" />

<INPUT type="submit" id="boton2" name="Enviar" />

</form>

<h3>Subir ficheros al servidor</h3>

<form id="formulario2" action="control2.html" name="formFichero" method="get"


enctype="multipart/form-data">

Fichero: <INPUT TYPE="file" ID="entrada4" NAME="fichero" /><BR />

Descripción: <TEXTAREA ID="entrada5" NAME="descricpcion" cols="40" rows="3">

</TEXTAREA>

<INPUT type="checkbox" id="seleccion2" name="comprimir" />Comprimir en ZIP<BR />


<INPUT TYPE="reset" id="botón3" name="limpiar" value="cambiar el fichero" />

<INPUT type="submit" id="boton4" name="Enviar" value="Subir fichero" />

</form>

<h3>Confirmar una compra</h3>

<form id="formulario3" action="control3.html" name="formCompra" method="get"


enctype="multipart/form-data">

<!-- Campo oculto con la fase del proceso de compra -->

<INPUT TYPE="hidden" ID="entrada6" NAME="fase" value="confirmación" />

Tu usuario: <INPUT ID="entrada7" type="text" NAME="usuario" Maxlength="8" /><BR />

Importe total: <INPUT type="number" id="entrada8" name="importe" size="10" value="54,74"


disabled><BR /> <!-- puede usarse readonly que sombrea menos y

sí envía el atributo-->

Pago: <INPUT type="radio" id="seleccion3" name="pago" value="Tarjeta"> Tarjeta VISA/MASTERCARD

<INPUT type="radio" id="seleccion4" name="pago" value="Paypal""> Paypal

<INPUT type="radio" id="seleccion5" name="pago" value="Efectivo" checked>En efectivo<BR />

<input type="button" ID="boton5" Name="confirmar" Value="Confirmar y seguir" />

</form>

<script type="text/javascript">

//cantidad de formularios en la página

numforms=document.forms.length;

document.write("Tienes "+numforms+" formularios en esta página<BR />");

// cantidad de campos en cada formulario

for (var i=0; i<numforms; i++) {

document.write("El fomulario "+i+" tiene "+document.forms[i].elements.length+" campos que enviará a


la página <i>"+document.forms[i].action+"</i> utilizando el método "+document.forms[i].method+".<BR
/>");

</script>

</body>

</html>

S-ar putea să vă placă și