Este ejercicio es el mas completo que hemos realizado hasta la fecha. Esta compuesto por Frames que contienen formularios y uno de los formularios esta recogido en una tabla muy completa a su vez. Esta es una imagen del ejercicio:
Este es el código de la parte de Frames:
| <HTML> |
| <HEAD> |
| <TITLE> |
| n1 |
| </TITLE> |
| </HEAD> |
| <BODY> |
| <div valign="middle"> |
| <a href="ej form1.html" target="principal">Ejercicio simple</a> |
| <br> |
| <a href="ej form2.html" target="secundario">Ejercicio completo</a> |
| </div> |
| </BODY> |
| </HTML>
Este es el código del formulario superior:
| <HTML> |
| <HEAD> |
| <TITLE> |
| Primer ejercicio formulario |
| </TITLE> |
| </HEAD> |
| <BODY> |
| <form action="mailto:2sm2.castilla.ramon@gmail.com" method="post"> |
| Nombre<input type="text" name="nombre"><br> |
| Email<input type="text" name="mail" value="@"><br> |
| Poblacion<input type="text" name="poblacion"><br> |
| Sexo<br> |
| <input type="radio" name="Mujer" value="hombre">Hombre<br> |
| <input type="radio" name="Hombre" value="mujer">Mujer<br> |
| Frecuencia de los viajes:<br> |
| <select name="frecuencia"><br> |
| <option>Varias veces al dia</option> |
| <option>Pocas veces al dia</option> |
| </select><br> |
| Comentarios dobre su satisfaccion personal<br> |
| <textarea name="personal"></textarea><br> |
| <input type="checkbox" value="1" checked>Deseo recibir notificacion de las novedades en las lineas de autobus<br> |
| <input type="submit" value="Enviar formulario"><br> |
| <input type="reset" value="Borrar todo"> |
| </form> |
| </BODY> |
| </HTML>
Y este por último es el código del formulario en tabla de abajo:
| <HTML> |
| <HEAD> |
| <TITLE> |
| Segundo ejercicio formulario |
| </TITLE> |
| </HEAD> |
| <BODY bgcolor="orange"> |
| <font><h1 align="center">FORMULARIO COMPLETO</h1></font> |
| <form action="procesa.php" method="post"> |
| <table align="center" bordercolor="#FFCC00" border="1" cellspacing="10"> |
| <tr> |
| <td> |
| Texto: |
| </td> |
| <td> |
| <input type="text" name="texto1"> |
| </td> |
| <td> |
| Password: |
| </td> |
| <td> |
| <input type="password" name="pass"> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| Textarea: |
| </td> |
| <td colspan="3"> |
| <textarea rows="7" cols="55"></textarea> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| Campo check 1:<input type="checkbox" value="1"><br> |
| Campo check 2:<input type="checkbox" value="2"><br> |
| Campo check 3:<input type="checkbox" value="3"> |
| </td> |
| <td align="middle"> |
| Radio 1:<input type="radio" value="1"><br> |
| Radio 2:<input type="radio" value="2"> |
| </td> |
| <td valign="top"> |
| selección:<select name="seleccion"> |
| <option>primera</option> |
| <option>segunda</option> |
| </select> |
| </td> |
| <td align="center"> |
| selección multiple:<br><select name="seleccion" multiple> |
| <option>primera</option> |
| <option>segunda</option> |
| <option>tercera</option> |
| </select> |
| </td> |
| </tr> |
| </table> |
| <br> |
| <div align="center"> |
| <input type="button" value="Boton"> |
| <input type="reset" value="Iniciar"> |
| <input type="submit" value="Enviar"> |
| </div> |
| </form> |
| </BODY> |
| </HTML> |
|
|
No hay comentarios:
Publicar un comentario