Construir un formulario es sencillo, en el cuerpo del documento, <body>, escribiremos las etiquetas <form> y </form>, entre ellas podemos incluir texto normal, elementos HTML y los campos de formulario que vayamos a utilizar (texto, casillas de verificación, botones de radio, etc.). Obligatoriamente deberemos cumplimentar los atributos action y method.
Rellena el siguiente cuestionario y prueba los botones. Debajo del documento te aparecerán los valores introducidos, para que veas que realmente esos valores se mandan a alguna parte. Nosotros hemos hecho una pequeña trampa para que puedas verlos en la misma página.
| CÓDIGO | RESULTADO |
| <form name="formula" action="mailto:dir@correo.es" method="post"> <p>Nombre: <input type="text" name="Nombre" size="20" ></p> <p> Apellido 1: <input type="text" name="Apellido" size="20" ></p> <p>Apellido 2: <input type="text" name="Apellido2" size="20" ></p> <p>Hombre <input type="radio" value="Hombre" name="Sexo"> Mujer <input type="radio" name="Sexo" value="Mujer"></p> <p>Edad <select size="1" name="Edad" > <option value="16 - 20">16 - 20</option> <option value="21 - 25">21 - 25</option> <option value="26 - 30">26 - 30</option> <option value="31 - 35">31 - 35</option> <option value="36 - 40">35 - 40</option> <option value="Más de 40">Más de 40</option> </select></p> <p><input type="button" value="Enviar"name="B1"> <input type="reset" value="Reset" name="B2" ></p> </form> |