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: LuisM en 29 de Septiembre 2017, 21:17
-
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.
<!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>
-
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
-
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
<!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>
-
Quedo de diez...
Un saludo.
-
Gracias !!! :D
Saludos
Luis
-
El punto a) no estaba bien resuelto el título. Ahora dejo el código corregido.
<!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>
-
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
<!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>