Buenos días. Este es el ejercicio CU00720B del curso básico de programación HTML usando Notepad++ como editor:
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.
Nota: para evitar confusiones en el envío de datos, todos los campos name deben tener valores diferentes, es decir, en ambos formularios no se pueden repetir nombres los nombres identificativos empleados.
Acá el código:
<!DOCTYPE html>
<html>
<head>
<title>Formulario</title>
<meta charset="utf-8">
</head>
<body>
<h1>Inscripción al Congreso de Medicina Santiago 2048</h1>
<h2>Inscripción al congreso para médicos especialistas</h2>
<form action="#" method="POST">
<p>
<label for="nombre">Introduzca su nombre: </label>
<input type="text" id="nombre" name="nombre"/>
<br/> <br/>
<label for="apellidos">Introduzca sus apellidos: </label>
<input type="text" id="apellidos" name="apellido"/>
<br/> <br/>
<label for="especialidad">Introduzca su especialidad: </label>
<input type="text" id="especialidad" name="especialidad"/>
<br/> <br/>
<label for="año">Introduzca el año en que obtuvo su especialidad: </label>
<input type="text" id="año" name="año"/>
<br/> <br/>
<input type="submit" value="Enviar"/>
<input type="reset"/>
</p>
</form>
<h2>Inscripción al congreso para médicos generalistas</h2>
<form action="#" method="POST">
<p>
<label for="nombre">Introduzca su nombre: </label>
<input type="text" id="nombre" name="nombre1"/>
<br/> <br/>
<label for="apellidos">Introduzca sus apellidos: </label>
<input type="text" id="apellidos" name="apellido1"/>
<br/> <br/>
<label for="sitio">Centro médico donde ejerce: </label>
<input type="text" id="sitio" name="sitio"/>
<br/> <br/>
<label for="título">Año de obtención de su título</label>
<input type="text" id="título" name="título"</>
<br/> <br/>
<input type="submit" value="Enviar"/>
<input type="reset"/>
</p>
</form>
</body>
</html>
Si tienen correcciones o sugerencias, se las agradeceré enormemente. Gracias.
Tema: Ejercicio CU00720B de Aprender a programar: HTML desde cero. Formularios HTML (Leído 2110 veces)
RSS -
WAP2