Autor Tema: Ejemplo formulario HTML for input type label etc Ejercicio CU00720B curso básico (Leído 4237 veces)

Dan_SB · « **en:** 11 de Mayo 2015, 22:23 »

Buenas tardes!

He estado un poco desaparecido, porque tome unas pequeñas vacas personales

, ya vuelvo a retomar el curso de html!!

Vengo a resolver el ejercicio 20° del curso, cuyo enunciado dice asi:

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.

Codigo!

Código: [Seleccionar]

<html>
<head>
<meta charset="utf-8">
<title>Congreso de Medicina 2048</title>
<head/>
<body>
<h1 style="color: blue;">Inscripcion al congreso de medicina Santiago 2048</h1>
<h2 style="color: blue;">Inscripcion al congreso para medicos especialistas</h2>
<form>
<label for="nombre">Nombre</label>
<input type="text" name="nombre" id="nombre">
<br></br>
<label for="apellido">Apellido</label>
<input type="text" name="apellidos" id="apellidos">
<br></br>
<label for="especialidad">Especialidad</label>
<input type="text" name="especialidad" id="especialidad">
<br></br>
<label for="año de obtencion de titulo">A&ntilde;o de obtencion de titulo</label>
<input type="text" name="año de obtencion de Especialidad" id="año de obtencion de Especialidad">
<br></br>
</form>
<br></br>
<h2 style="color: blue;">Inscripcion al congreso para medicos generalistas</h2>
<form>
<label for="nombre">Nombre</label>
<input type="text" name="nombre" id="nombre">
<br></br>
<label for="apellido">Apellidos</label>
<input type="text" name="apellidos" id="apellidos">
<br></br>
<label for="centro medico donde ejerce">Centro Medico donde ejerce</label>
<input type="text" name="centro medico donde ejerce" id="centro medico donde ejerce">
<br></br>
<label for="año de obtencion de titulo">A&ntilde;o de obtencion de titulo</label>
<input type="text" name="año de obtencion de titulo" id="año de obtencion de titulo">
<br></br>
</form>
<br></br>
</body>
</html>

Investigue sobre el "<br>", al parecer es un salto de linea.Y esto de aqui "ñ" lo vi en otra pagina para poder escribir la ñ (espero no haber hecho trampa jejeje). La pagina se ve así:

Saludos y hola de nuevo!

Alex Rodríguez · « **Respuesta #1 en:** 12 de Mayo 2015, 11:31 »

Hola Dan, espero que hayas disfrutado de esas vacas y que te sirvan para retomar con fuerzas la programación y resto de actividades.

En el código tienes dos cosas a corregir:

<input type="text" name="año de obtencion de Especialidad" id="año de obtencion de Especialidad">

No debes usar eñes, acentos ni espacios en blanco dentro de los atributos. Debe quedar similar a esto:

<input type="text" name="anno_especialidad" id="anno_especialidad">

Tendrías que cambiar

<label for="anno_especialidad">Año de obtencion de especialidad</label>
<input type="text" name="anno_especialidad" id="anno_especialidad">

Porque tienes repetido obtencion de titulo en ambos formularios.

Y la otra cosa que debes corregir, es que todo formulario debe incluir al menos un botón enviar, aunque no lo pida el enunciado, porque ya el simple hecho de ser un formulario debe hacer que incluyamos un botón. Sería como fabricar un avión sin puertas, ¿cómo haces para que salga volando? En este caso ¿cómo haces para enviar el formulario si no tienes botón?

Saludos

Dan_SB · « **Respuesta #2 en:** 12 de Mayo 2015, 17:59 »

wow, no sabia que los espacios también en html contaban !! lo del botón es cierto jajaja ya lo corrijo!

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: