Advanced Search

Formulario completo

/ Published in: HTML
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your 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. <head>
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9. <meta name="author" content="Miguel S�¡nchez - Formaci�³n" />
  10. <title>Formularios: completo</title>
  11. <script type="text/javascript">
  12. <!--
  13. function MM_jumpMenuGo(objId,targ,restore){ //v9.0
  14.   var selObj = null;  with (document) { 
  15.   if (getElementById) selObj = getElementById(objId);
  16.   if (selObj) eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  17.   if (restore) selObj.selectedIndex=0; }
  18. }
  19. //-->
  20. </script>
  21. </head>
  22.  
  23. <body>
  24. <h1>Contactar</h1>
  25. <form action="" method="post" enctype="multipart/form-data" id="formContactar">
  26. <fieldset>
  27.  
  28.   <legend>Datos personales</legend>
  29.   <label for="nombre">Nombre</label> <input type="text" id="nombre" accesskey="n" tabindex="10" /><br />
  30.   <label for="apellidos">Apellidos</label> <input type="text" id="apellidos" accesskey="a" tabindex="20" /><br />
  31.   <label for="estudios">Estudios</label>
  32.   <select id="estudios">
  33.     <option value="eso">ESO</option>
  34.  
  35.     <option value="diplomado">Diplomado</option>
  36.     <option value="licenciado">Licenciado</option>
  37.     <option value="doctorado">Doctorado</option>
  38.   </select>
  39.   <br />
  40.   <input type="radio" name="sexo" value="hombre" id="sexo_H" /> <label for="sexo_H">Hombre</label>
  41.  
  42.   <input type="radio" name="sexo" value="mujer" id="sexo_M" /> <label for="sexo_M">Mujer</label>
  43. </fieldset>
  44.  
  45. <fieldset>
  46.   <legend>Suscripci�³n</legend>
  47.   <input type="checkbox" id="boletin" value="bol" /> <label for="boletin">Recibir bolet�­n</label>
  48.   <br />
  49.   <label for="email">E-mail</label> <input type="text" id="email" />
  50.  
  51.   <br />
  52.   <label for="clave">Contrase�±a</label> <input type="password" id="clave" />
  53.   <br />
  54.   <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" />
  55.   <br />
  56.  
  57.       <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>
  58.   <br />
  59.  
  60.   <label for="jumpMenu">Visitar bolet�­n</label>
  61.   <select id="jumpMenu">
  62.     <option value="http://www.boe.es/g/es/">B.O.E.</option>
  63.     <option value="http://www.euskadi.net/cgi-bin_k54/bopv_00?c">B.O.P.V.</option>
  64.   </select>
  65.   <input type="button" id= "go_button" value="Ir" onclick="MM_jumpMenuGo('jumpMenu','parent',0)" />
  66. </fieldset>  
  67.  
  68. <br />
  69. <input type="submit" id="enviar" value="Enviar" accesskey="v" tabindex="60" />
  70. <br />  
  71. <input type="image" value="Aceptar" src="btnAceptar.png" alt="Aceptar" />
  72. </form>
  73. </body>
  74.  
  75. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.