Vous êtes sur la page 1sur 9

Crear formulario de registro en PHP y HTML (Nivel: Muy Bsico)

Crearemos un archivo con nombre index y extencin .php, es decir, index.php

Y pondremos el siguiente cdigo

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Formulario de Registro</title>

</head>

<body> <form action="validar.php" method="POST"> <input type= "hidden" value = "1" name = "registrarse" /> <table width="600" border="1"> <tr> <td>Nombre:</td> <td><input name="nombre" type="text" value=""/></td>

</tr> <tr> <td>Apellido</td> <td><input name="apellido" type="text" /></td> </tr> <tr> <td>Usuario:</td> <td><input name="usuario" type="text" size="80" /></td> </tr> <tr> <td>Correo Electnico:</td> <td><input name="correo" type="text" size="80" /></td> </tr> <tr> <td>Contrasea:</td> <td><input name="contrasena" type="password" size="80" /></td>

</tr>

<tr> <td><input type="submit" value="ENVIAR"/></td>

</tr> </table>

</form>

</body> </html>

Crearemos otro archivo .php que tenga por nombre validar.php, y coloca el siguiente cdigo:

Hola <?php echo $_POST['nombre']. " " . $_POST['apellido']; ?> <br /> Tu correo es: <?php echo $_POST['correo']; ?> <br /> Tu apodo es: <?php echo $_POST['usuario']; ?> <br /> Y tu contrasea es: <?php echo $_POST['contrasena']; ?> <br /> <a href="javascript:history.back(1)">Volver a la pgina anterior</a>

Formularios III: listas de opciones.


Las listas de opciones son de gran ayuda para los formularios en los que queremos saber la opinin de un aspecto concreto en nuestra Web, dentro de diferentes opciones planteadas previamente por nosotros. Las listas de seleccin u opciones se escriben gracias a la etiqueta <selection> y a su cierre. Vamos a ponerte un ejemplo de la lista de opciones bsica, la ms sencilla. Si queremos preguntar, por ejemplo, cul es el medio de transporte favorito de nuestro usuarios, el cdigo de la lista de seleccin podra ser el siguiente:

<select name="transporte"> <option>Coche</option> <option>Avin</option> <option>Tren</option> </select>

Y el resultado quedara de la siguiente manera.


Coche

Pero podemos personalizar esta lista de opciones mediante una serie de atributos. Por ejemplo, podemos hacer que se vea ms de una opcin a la vez en la lista. Para ello utilizaremos size, indicando el nmero de opciones que queremos que se muestren. En la lista anterior si quisieramos que se vieran dos opciones, deberamos cambiar el cdigo anterior por el siguiente:

<select name="transporte" size="2"> <option>Coche</option> <option>Avin</option> <option>Tren</option> </select>

Para obtener el siguiente resultado:


Coche Avin

Tambin podemos definir si queremos que se pueda elegir ms de una opcin a la vez mediante las teclas ctrl y shift. Para ello utilizaremos el atributo multiple. Mira primero cmo quedara nuestro cdigo.

<select name="transporte" size="2" multiple> <option>Coche</option> <option>Avin</option> <option>Tren</option> </select>

Y aqu comprobars lo que nos permite hacer este atributo.


Coche Avin

Otra cosa que podemos predefinir es que la opcin que aparezca seleccionada al principio no sea la primera que est en la lista. Esto se realiza gracias al atributo selected y lo tenemos que poner en la opcin que

queramos que aparezca como seleccionada. En el cdigo siguiente, queramos que apareciera seleccionada la opcin del tren.

<select name="transporte"> <option>Coche</option> <option>Avin</option> <option selected>Tren</option> </select>

Y aqu puedes ver cual ha sido el resultado.


Tren

Por ltimo esta el atributo value. Este atributo es muy til para gestionar los datos, sobre todo si le llega a un programa. Con este atributo lo que se le hace es atribuir un nmero o una letra a cada opcin. El atributo se escribe dentro de cada opcin y se define el valor del mismo. Por ejemplo, en la primera lista que te hemos presentado podramos valorar nuestras opciones de la siguiente manera:

<select name="transporte"> <option value="1">Coche</option> <option value="2">Avin</option> <option value="3">Tren</option> </select>

Y en el supuesto de seleccionar por ejemplo la opcin del avin, al programa (o al correo electrnico) le llegara el siguiente dato: transporte=2. si te fijas, transporte es el nombre de esta lista de opciones. Listas de botones: radio A continuacin vamos a ver otro tipo de listas de opciones o de seleccin. Son listas con botones de tipo radio. Estos botones se escriben mediente la etiqueta type=radio. Vamos a transformar la lista anterior en este tipo de lista. Fijaros que a cada opcin le vamos a atribuir una etiqueta nueva, pero todas ellas van a tener el mismo nombre. El cdigo nuevo quedara de la siguiente manera:

<input type="radio" name="transporte" value="1">Coche <br> <input type="radio" name="transporte" value="2">Avin <br> <input type="radio" name="transporte" value="3">Tren

Y el cambio de aspecto es evidente. Aqu lo tenis: Coche Avin Tren Por defecto no saldr ninguna opcin activada. Pero si queremos activar alguna de ellas podemos hacerlo mediante el atributo checked. Por ejemplo, en el cdigo siguiente la lista de opciones tiene activada la opcin

avin:

<input type="radio" name="transporte" value="1">Coche <br> <input type="radio" name="transporte" value="2" checked>Avin <br> <input type="radio" name="transporte" value="3">Tren Y observa el resultado que obtenemos Coche Avin Tren Listas de cajas: checkbox. Estas listas de opciones son muy parecidas a las vistas anteriormente salvo por dos detalles que vamos a mostrarte a continuacin. El primero de ellos y fundamental es que las cajas son de un tipo diferente y se escriben, por tanto, de forma diferente. Las cajas se escriben mediante type=checkbox. Otra diferencia es que as como las listas de botones tipo radio slo permitian ele gir una opcin (siempre y cuando los nombres de las opciones fueran los mismos), las listas de cajas permiten seleccionar una o varias opciones. Aqu tienes el cdigo de una lista que hemos escrito para demostrarte todo lo que te hemos explicado anteriormente:

<input type="checkbox" name="transporte" value="1">Coche <br> <input type="checkbox" name="transporte" value="2" checked>Avin <br> <input type="checkbox" name="transporte" value="3">Tren

Y observa a continuacin el resultado: Coche Avin Tren

Ejemplo2

Sumar en php

<html> <head> <title>ejemplo</title> </head> <body> <form name="form1" method="post" action="ejemplo6.php"> valor1: <input name="sum1" type="text" ><br> valor2: <input name="sum2" type="text" ><br> valor3: <input name="sum3" type="text" ><br> <input type="submit" name="submit" value="sumar" ><br> </form> <br><br> TOTAL : <?php $sum1=$_POST['sum1'];

$sum2=$_POST['sum2']; $sum3=$_POST['sum3']; $suma=$sum1 + $sum2 + $sum3; echo $suma; ?> </body> </html>

Vous aimerez peut-être aussi