Autor Tema: Formularios HTML. form, label. name, Checkbox, option button, combobox CU00720B  (Leído 2789 veces)

LuisM

  • Intermedio
  • ***
  • APR2.COM
  • Mensajes: 131
    • Ver Perfil
Hola a todos !! Paso a dejar el código en HTML del ejercicio propuesto en la clase CU00720B del tutorial pdf sobre HTML. Desde ya muchas gracias.
Saludos
Luis

EJERCICIO

Basándote en el código de ejemplo que hemos visto, crea una página web que cumpla con lo que indicamos a continuación:

a) Como título principal de la página debe figurar con etiquetas h1 el texto “Inscripción al Congreso de Medicina Santiago 2048”

b) Debe contener dos formularios: el primero será “Inscripción al Congreso para médicos especialistas” y el segundo “Inscripción al congreso para médicos generalistas”. Estos títulos deben figurar antes del formulario con etiquetas h2.

c) El formulario para médicos especialistas debe solicitar nombre, apellidos, especialidad y año de obtención de la especialidad.

d) El formulario para médicos generalistas debe solicitar nombre, apellidos, centro médico donde ejerce y año de obtención del título.
Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>       
        <meta charset="utf-8">
        <title><h1>Inscripción al Congreso de Medicina Santiago 2048</h1></title>
    </head>
<body>
<form action="https://www.aprenderaprogramar.com" method="get">
<h2> Inscripción al Congreso para médicos especialistas</h2>
<p>
<label for="nombreE">Nombre: </label>
<input type="text" name="nombreE" id="nombreE">
<br/> <br/>
<label for="apellidoE">Apellido: </label>
<input type="text" name="apellidoE" id="apellidoE">
<br/> <br/>
<label for="especialidad">Especialidad: </label>
<input type="text" name="especialidad" id="IDespecialidad">
<br/> <br/>
<label for="anioEsp">Año de obtención de la especialidad: </label>
<input type="text" name="anioEsp" id="idAnioE">
<br/> <br/>
<input type="submit" value="Enviar">
<input type="reset">
</p>
</form>
<form action="https://www.aprenderaprogramar.com" method="get">
<h2> Inscripción al Congreso para médicos generalistas</h2>
<p>
<label for="nombreG">Nombre: </label>
<input type="text" name="nombreG" id="nombreG">
<br/> <br/>
<label for="apellidoG">Apellido: </label>
<input type="text" name="apellidoG" id="apellidoG">
<br/> <br/>
<label for="centroMedG">Centro Médico laboral: </label>
<input type="text" name="centroMedG" id="idCentroMG">
<br/> <br/>
<label for="anioTituloG">Año de obtención del título: </label>
<input type="text" name="anioTituloG" id="idAnioTitG">
<br/> <br/>
<input type="submit" value="Enviar">
<input type="reset">
</p>
</form>
</body>
</html>
« Última modificación: 29 de Enero 2018, 17:37 por Ogramar »

KOFFERO

  • Principiante
  • **
  • Mensajes: 78
    • Ver Perfil
Hola tu código funcioná de diez. Tambien cuando terminas de escribir el control de cada etiqueta o label, en los input al final deberias cerrarlas " />, para cumplir el estandar.

Un saludo. ;D
¡Me encanta aprender!

LuisM

  • Intermedio
  • ***
  • APR2.COM
  • Mensajes: 131
    • Ver Perfil
Muchas gracias Jorge !!! :) En el ejemplo que hay no los vi y por eso los omití. Igualmente prefiero poner como vos decis para que se cumpla el estandar.
Otro error que vi es que en los input el el valor del "id" no estaba vinculado con el label.
Paso a poner el código nuevamente
Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>       
        <meta charset="utf-8">
        <title><h1>Inscripción al Congreso de Medicina Santiago 2048</h1></title>
    </head>
<body>
<form action="https://www.aprenderaprogramar.com" method="get">
<h2> Inscripción al Congreso para médicos especialistas</h2>
<p>
<label for="nombreE">Nombre: </label>
<input type="text" name="nombreE" id="nombreE" />
<br/> <br/>
<label for="apellidoE">Apellido: </label>
<input type="text" name="apellidoE" id="apellidoE" />
<br/> <br/>
<label for="especialidad">Especialidad: </label>
<input type="text" name="especialidad" id="especialidad" />
<br/> <br/>
<label for="anioEsp">Año de obtención de la especialidad: </label>
<input type="text" name="anioEsp" id="anioEsp" />
<br/> <br/>
<input type="submit" value="Enviar" />
<input type="reset" />
</p>
</form>
<form action="https://www.aprenderaprogramar.com" method="get">
<h2> Inscripción al Congreso para médicos generalistas</h2>
<p>
<label for="nombreG">Nombre: </label>
<input type="text" name="nombreG" id="nombreG" />
<br/> <br/>
<label for="apellidoG">Apellido: </label>
<input type="text" name="apellidoG" id="apellidoG" />
<br/> <br/>
<label for="centroMedG">Centro Médico laboral: </label>
<input type="text" name="centroMedG" id="centroMedG">
<br/> <br/>
<label for="anioTituloG">Año de obtención del título: </label>
<input type="text" name="anioTituloG" id="anioTituloG" />
<br/> <br/>
<input type="submit" value="Enviar" />
<input type="reset" />
</p>
</form>
</body>
</html>

KOFFERO

  • Principiante
  • **
  • Mensajes: 78
    • Ver Perfil
Quedo de diez...

Un saludo.
¡Me encanta aprender!

LuisM

  • Intermedio
  • ***
  • APR2.COM
  • Mensajes: 131
    • Ver Perfil
Gracias !!!  :D
Saludos
Luis

LuisM

  • Intermedio
  • ***
  • APR2.COM
  • Mensajes: 131
    • Ver Perfil
El punto a) no estaba bien resuelto el título. Ahora dejo el código corregido.
Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>       
        <meta charset="utf-8">
        <title>Inscripción al Congreso de Medicina Santiago 2048</title>
    </head>
<body>
<form action="https://www.aprenderaprogramar.com" method="get">
<h1>Inscripción al Congreso de Medicina Santiago 2048</h1>
<h2> Inscripción al Congreso para médicos especialistas</h2>
<p>
<label for="nombreE">Nombre: </label>
<input type="text" name="nombreE" id="nombreE" />
<br/> <br/>
<label for="apellidoE">Apellido: </label>
<input type="text" name="apellidoE" id="apellidoE" />
<br/> <br/>
<label for="especialidad">Especialidad: </label>
<input type="text" name="especialidad" id="especialidad" />
<br/> <br/>
<label for="anioEsp">Año de obtención de la especialidad: </label>
<input type="text" name="anioEsp" id="anioEsp" />
<br/> <br/>
<input type="submit" value="Enviar" />
<input type="reset" />
</p>
</form>
<form>
<h2> Inscripción al Congreso para médicos generalistas</h2>
<p>
<label for="nombreG">Nombre: </label>
<input type="text" name="nombreG" id="nombreG" />
<br/> <br/>
<label for="apellidoG">Apellido: </label>
<input type="text" name="apellidoG" id="apellidoG" />
<br/> <br/>
<label for="centroMedG">Centro Médico laboral: </label>
<input type="text" name="centroMedG" id="centroMedG">
<br/> <br/>
<label for="anioTituloG">Año de obtención del título: </label>
<input type="text" name="anioTituloG" id="anioTituloG" />
<br/> <br/>
<input type="submit" value="Enviar" />
<input type="reset" />
</p>
</form>
</body>
</html>

LuisM

  • Intermedio
  • ***
  • APR2.COM
  • Mensajes: 131
    • Ver Perfil
El botón enviar en el 2do formulario no funcionaba. No tenía el sitio de internet donde debía enviar los datos.  :-\
Acá va el código corregido
Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>       
        <meta charset="utf-8">
        <title>Inscripción al Congreso de Medicina Santiago 2048</title>
    </head>
<body>
<form action="https://www.aprenderaprogramar.com" method="get">
<h1>Inscripción al Congreso de Medicina Santiago 2048</h1>
<h2> Inscripción al Congreso para médicos especialistas</h2>
<p>
<label for="nombreE">Nombre: </label>
<input type="text" name="nombreE" id="nombreE" />
<br/> <br/>
<label for="apellidoE">Apellido: </label>
<input type="text" name="apellidoE" id="apellidoE" />
<br/> <br/>
<label for="especialidad">Especialidad: </label>
<input type="text" name="especialidad" id="especialidad" />
<br/> <br/>
<label for="anioEsp">Año de obtención de la especialidad: </label>
<input type="text" name="anioEsp" id="anioEsp" />
<br/> <br/>
<input type="submit" value="Enviar" />
<input type="reset" />
</p>
</form>
<form action="https://www.aprenderaprogramar.com" method="get">
<h2> Inscripción al Congreso para médicos generalistas</h2>
<p>
<label for="nombreG">Nombre: </label>
<input type="text" name="nombreG" id="nombreG" />
<br/> <br/>
<label for="apellidoG">Apellido: </label>
<input type="text" name="apellidoG" id="apellidoG" />
<br/> <br/>
<label for="centroMedG">Centro Médico laboral: </label>
<input type="text" name="centroMedG" id="centroMedG">
<br/> <br/>
<label for="anioTituloG">Año de obtención del título: </label>
<input type="text" name="anioTituloG" id="anioTituloG" />
<br/> <br/>
<input type="submit" value="Enviar" />
<input type="reset" />
</p>
</form>
</body>
</html>

 

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".