Advanced Search

Return to Snippet

Revision: 25428
at April 19, 2010 06:08 by chiesalo
Updated Code 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<!-- 
Ejercicios bajo licencia Creative Commons / Reconocimiento-No comercial-Sin obras derivadas 3.0 Unported
http://creativecommons.org/licenses/by-nc-nd/3.0/deed.es
-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="Miguel S�¡nchez - Formaci�³n" />
<title>Formularios: completo</title>
<script type="text/javascript">
<!--
function MM_jumpMenuGo(objId,targ,restore){ //v9.0
  var selObj = null;  with (document) { 
  if (getElementById) selObj = getElementById(objId);
  if (selObj) eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0; }
}
//-->
</script>
</head>

<body>
<h1>Contactar</h1>
<form action="" method="post" enctype="multipart/form-data" id="formContactar">
<fieldset>

  <legend>Datos personales</legend>
  <label for="nombre">Nombre</label> <input type="text" id="nombre" accesskey="n" tabindex="10" /><br />
  <label for="apellidos">Apellidos</label> <input type="text" id="apellidos" accesskey="a" tabindex="20" /><br />
  <label for="estudios">Estudios</label>
  <select id="estudios">
    <option value="eso">ESO</option>

    <option value="diplomado">Diplomado</option>
    <option value="licenciado">Licenciado</option>
    <option value="doctorado">Doctorado</option>
  </select>
  <br />
  <input type="radio" name="sexo" value="hombre" id="sexo_H" /> <label for="sexo_H">Hombre</label>

  <input type="radio" name="sexo" value="mujer" id="sexo_M" /> <label for="sexo_M">Mujer</label>
</fieldset>

<fieldset>
  <legend>Suscripci�³n</legend>
  <input type="checkbox" id="boletin" value="bol" /> <label for="boletin">Recibir bolet�­n</label>
  <br />
  <label for="email">E-mail</label> <input type="text" id="email" />

  <br />
  <label for="clave">Contrase�±a</label> <input type="password" id="clave" />
  <br />
  <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" />
  <br />

      <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>
  <br />
  
  <label for="jumpMenu">Visitar bolet�­n</label>
  <select id="jumpMenu">
    <option value="http://www.boe.es/g/es/">B.O.E.</option>
    <option value="http://www.euskadi.net/cgi-bin_k54/bopv_00?c">B.O.P.V.</option>
  </select>
  <input type="button" id= "go_button" value="Ir" onclick="MM_jumpMenuGo('jumpMenu','parent',0)" />
</fieldset>  

<br />
<input type="submit" id="enviar" value="Enviar" accesskey="v" tabindex="60" />
<br />  
<input type="image" value="Aceptar" src="btnAceptar.png" alt="Aceptar" />
</form>
</body>

</html>

Revision: 25427
at March 30, 2010 15:10 by chiesalo
Initial Code 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<!-- 
Ejercicios bajo licencia Creative Commons / Reconocimiento-No comercial-Sin obras derivadas 3.0 Unported
http://creativecommons.org/licenses/by-nc-nd/3.0/deed.es
-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="Miguel Sánchez - Formación" />
<title>Formularios: completo</title>
<script type="text/javascript">
<!--
function MM_jumpMenuGo(objId,targ,restore){ //v9.0
  var selObj = null;  with (document) { 
  if (getElementById) selObj = getElementById(objId);
  if (selObj) eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0; }
}
//-->
</script>
</head>

<body>
<h1>Contactar</h1>
<form action="" method="post" enctype="multipart/form-data" id="formContactar">
<fieldset>

  <legend>Datos personales</legend>
  <label for="nombre">Nombre</label> <input type="text" id="nombre" accesskey="n" tabindex="10" /><br />
  <label for="apellidos">Apellidos</label> <input type="text" id="apellidos" accesskey="a" tabindex="20" /><br />
  <label for="estudios">Estudios</label>
  <select id="estudios">
    <option value="eso">ESO</option>

    <option value="diplomado">Diplomado</option>
    <option value="licenciado">Licenciado</option>
    <option value="doctorado">Doctorado</option>
  </select>
  <br />
  <input type="radio" name="sexo" value="hombre" id="sexo_H" /> <label for="sexo_H">Hombre</label>

  <input type="radio" name="sexo" value="mujer" id="sexo_M" /> <label for="sexo_M">Mujer</label>
</fieldset>

<fieldset>
  <legend>Suscripción</legend>
  <input type="checkbox" id="boletin" value="bol" /> <label for="boletin">Recibir boletín</label>
  <br />
  <label for="email">E-mail</label> <input type="text" id="email" />

  <br />
  <label for="clave">Contraseña</label> <input type="password" id="clave" />
  <br />
  <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" />
  <br />
  <label for="jumpMenu">Visitar boletín</label>

  <select id="jumpMenu">
    <option value="http://www.boe.es/g/es/">B.O.E.</option>
    <option value="http://www.euskadi.net/cgi-bin_k54/bopv_00?c">B.O.P.V.</option>
  </select>
  <input type="button" id= "go_button" value="Ir" onclick="MM_jumpMenuGo('jumpMenu','parent',0)" />
</fieldset>  
<br />
<input type="image" value="Aceptar" src="btnAceptar.png" alt="Aceptar" />
</form>
</body>

</html>
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
Formulario completo

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
HTML