Autor Tema: Formularios HTML input type text image reset label method ejercicio CU00720B  (Leído 2719 veces)

Lorenzo31

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 381
    • Ver Perfil
Buenas tardes,

Dejo mi solución al ejercicio propuesto de dos formularios para médicos especialistas y medicos generalistas.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
  <head> <title>Ejercicio 720B</title> <meta charset="utf-8" /> </head>
  <body>
      <h1 style="color:blue; font-style:italic; text-align:center;">Inscripción al Congreso de Medicina Santiago 2048</h1>
  <h2 style="text-align:left;">Inscripción al Congreso para médicos especialistas</h2>
      <form action="https://www.aprenderaprogramar.com" method="get">
         <label style="font-style:italic;">Introduzca</label>
<br/>
<label for="nombreEspecialista">Nombre: </label>
         <input name="nombreEspecialista" id="nombreEspecialista" type="text" />
<br/>
<label for="apellidoEspecialista">Apellido: </label>
<input type="text" name="apellidoEspecialista" id="apellidoEspecialista" />
<br/>
<label for="especialidadEspecialista">Especialidad: </label>
<input type="text" name="especialidadEspecialista" id="especialidadEspecialista" />
<br/>
<label for="yearEspecialista">Año obtención: </label>
<input type="text" name="yearEspecialista" id="yearEspecialista" />
<br/> <br/>
<input type="image" src="http://1.bp.blogspot.com/-MO_tp3atOJg/TwsrqRqRuoI/AAAAAAAABSY/7-eXPPl0AKw/s1600/ENVIAR.jpg" width="6%" alt="Submit Form" />
<input type="reset" value="Borrar" />
  </form>
 
  <h2 style="text-align:left;">Inscripción al Congreso para médicos generalistas</h2>
  <form action="https://www.aprenderaprogramar.com" method="get">
    <label style="font-style:italic;">Introduza </label>
<br/>
<label for="nombreGeneralista">Nombre: </label>
<input type="text" name="nombreGeneralista" id="nombreGeneralista" />
<br/>
<label for="apellidoGeneralista">Apellido: </label>
<input type="text" name="apellidoGeneralista" id="apellidoGeneralista" />
<br/>
<label for="centroGeneralista">Centro médico: </label>
<input type="text" name="centroGeneralista" id="centroGeneralista" />
<br/>
<label for="tituloGeneralista">Año titulado: </label>
<input type="text" name="tituloGeneralista" id="tituloGeneralista" />
<br/>
<input type="image" src="http://1.bp.blogspot.com/-MO_tp3atOJg/TwsrqRqRuoI/AAAAAAAABSY/7-eXPPl0AKw/s1600/ENVIAR.jpg" width="6%" alt="Submit Form" />
<input type="reset" value="Borrar" />
  </form>

   
   </body>
</html>   
« Última modificación: 16 de Enero 2016, 23:52 por Ogramar »

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2662
    • Ver Perfil
Buenas Lorenzo lo veo bien resuelto (y con buen nivel)

Salu2

Lorenzo31

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 381
    • Ver Perfil
OK , gracias Ogramar por la motivación. :)

Un saludo.

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".