Foros aprenderaprogramar.com

Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Lorenzo31 en 14 de Enero 2016, 14:45

Título: Formularios HTML input type text image reset label method ejercicio CU00720B
Publicado por: Lorenzo31 en 14 de Enero 2016, 14:45
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>   
Título: Re:Formularios HTML input type text image reset label method ejercicio CU00720B
Publicado por: Ogramar en 16 de Enero 2016, 23:53
Buenas Lorenzo lo veo bien resuelto (y con buen nivel)

Salu2
Título: Re:Formularios HTML input type text image reset label method ejercicio CU00720B
Publicado por: Lorenzo31 en 17 de Enero 2016, 00:14
OK , gracias Ogramar por la motivación. :)

Un saludo.