Posted By

chiesalo on 03/30/10


Tagged


Versions (?)

Formulario completo


 / Published in: HTML
 

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
  3. <!--
  4. Ejercicios bajo licencia Creative Commons / Reconocimiento-No comercial-Sin obras derivadas 3.0 Unported
  5. http://creativecommons.org/licenses/by-nc-nd/3.0/deed.es
  6. -->
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <meta name="author" content="Miguel S�¡nchez - Formaci�³n" />
  9. <title>Formularios: completo</title>
  10. <script type="text/javascript">
  11. <!--
  12. function MM_jumpMenuGo(objId,targ,restore){ //v9.0
  13. var selObj = null; with (document) {
  14. if (getElementById) selObj = getElementById(objId);
  15. if (selObj) eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  16. if (restore) selObj.selectedIndex=0; }
  17. }
  18. //-->
  19. </head>
  20.  
  21. <h1>Contactar</h1>
  22. <form action="" method="post" enctype="multipart/form-data" id="formContactar">
  23.  
  24. <legend>Datos personales</legend>
  25. <label for="nombre">Nombre</label> <input type="text" id="nombre" accesskey="n" tabindex="10" /><br />
  26. <label for="apellidos">Apellidos</label> <input type="text" id="apellidos" accesskey="a" tabindex="20" /><br />
  27. <label for="estudios">Estudios</label>
  28. <select id="estudios">
  29. <option value="eso">ESO</option>
  30.  
  31. <option value="diplomado">Diplomado</option>
  32. <option value="licenciado">Licenciado</option>
  33. <option value="doctorado">Doctorado</option>
  34. </select>
  35. <br />
  36. <input type="radio" name="sexo" value="hombre" id="sexo_H" /> <label for="sexo_H">Hombre</label>
  37.  
  38. <input type="radio" name="sexo" value="mujer" id="sexo_M" /> <label for="sexo_M">Mujer</label>
  39.  
  40. <legend>Suscripci�³n</legend>
  41. <input type="checkbox" id="boletin" value="bol" /> <label for="boletin">Recibir bolet�­n</label>
  42. <br />
  43. <label for="email">E-mail</label> <input type="text" id="email" />
  44.  
  45. <br />
  46. <label for="clave">Contrase�±a</label> <input type="password" id="clave" />
  47. <br />
  48. <label for="adjuntar">Adjuntar foto del <acronym title="Documento Nacional de Identidad" xml:lang="es">D.N.I.</acronym></label> <input type="file" id="adjuntar" />
  49. <br />
  50.  
  51. <label for="otros">¿Desea hacer alguna aclaración o sugerencia?</label><textarea name="otros" id="otros" cols="50" rows="3" accesskey="o" tabindex="40"></textarea></br>
  52. <br />
  53.  
  54. <label for="jumpMenu">Visitar bolet�­n</label>
  55. <select id="jumpMenu">
  56. <option value="http://www.boe.es/g/es/">B.O.E.</option>
  57. <option value="http://www.euskadi.net/cgi-bin_k54/bopv_00?c">B.O.P.V.</option>
  58. </select>
  59. <input type="button" id= "go_button" value="Ir" onclick="MM_jumpMenuGo('jumpMenu','parent',0)" />
  60.  
  61. <br />
  62. <input type="submit" id="enviar" value="Enviar" accesskey="v" tabindex="60" />
  63. <br />
  64. <input type="image" value="Aceptar" src="btnAceptar.png" alt="Aceptar" />
  65. </form>
  66. </body>
  67.  
  68. </html>

Report this snippet  

You need to login to post a comment.