« anterior próximo »
Páginas: [1]

Autor Tema: HTML varios Formularios form, label, name, id, value, radio, checkbox CU00720B  (Leído 2532 veces)

KOFFERO

  • Principiante
  • **
  • Mensajes: 78
    • Ver Perfil
HTML varios Formularios form, label, name, id, value, radio, checkbox CU00720B
« en: 20 de Septiembre 2017, 07:48 »
Ejercicio CU00720B del tutorial pdf de programación web con HTML para principiantes.

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

 

El código HTML:
Código: [Seleccionar]
<!DOCTYPE html>
<html>
       <head>
           <title>Ejercicio CU00720B - aprenderaprogrmar.com</title>
   <meta charset="UTF-8" />
   </head>
   <body>
           <h1>"Inscripción al Congreso de Medicina Santiago 2048"</h1>
   <br/><br/>
   <h2>"Inscripción al Congreso para médicos especialistas"</h2>
   <form action="https://www.aprenderaprogramar.com" method="get">
           <label for="nombre">Nombre:</label>
   <input type="text" name="nombre" id="nombre" />
   <br/><br/>
   <label for="apellido">Apellido:</label>
   <input type="text" name="apellido" id="apellido" />
   <br/><br/>
   <label for="especialidad">Especialidad:</label>
   <input type="text" name="especialidad" id="especialidad" />
   <br/><br/>
   <label for="obtencion-especialidad">Obtencion de especialidad:</label>
   <input type="text" name="obtencion-especialidad" id="obtencion-especialidad" />
   <br/><br/>
   <input type="submit" value="Enviar" />
  <input type="reset" value="Cancelar" />
   </form>
   <br/><br/>
   <h2>"Inscripción al congreso para médicos generalistas"</h2>
   <form action="https://www.aprenderaprogramar.com" method="get">
          <label for="nombre-2">Nombre:</label>
  <input type="text" name="nombre-2" id="nombre-2" />
  <br/><br/>
  <label for="apellido-2">Apellido:</label>
  <input type="text" name="apellido-2" id="apellido-2" />
  <br/><br/>
  <label for="donde-ejercio">Donde ejercio:</label>
  <input type="text" name="donde-ejercio" id="donde-ejercio" />
  <br/><br/>
  <label for="obtencion-titulo">Año de obtencion del título:</label>
  <input type="text" name="obtencion-titulo" id="obtencion-titulo" />
  <br/><br/>
  <input type="submit" value="Enviar" />
  <input type="reset"value="Cancelar" />
   </form>
   </body>
</html>Un saludo. ;)
« Última modificación: 26 de Octubre 2017, 19:02 por Alex Rodríguez »
En línea
¡Me encanta aprender!

Alex Rodríguez

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2050
    • Ver Perfil
Re:HTML varios Formularios form, label, name, id, value, radio, checkbox CU00720B
« Respuesta #1 en: 26 de Octubre 2017, 19:02 »
Hola Jorge,,, ejercicio correcto. Para evitar problemas yo normalmente prefiero no usar id con caracteres como guiones medios, es decir, prefiero usar id="apellido2" en lugar de id="apellido-2" porque a la larga puede traer problemas.

Saludos
En línea
Páginas: [1]
« anterior próximo »
 

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