Autor Tema: Ejercicio de formulario html comprender concepto de atributo etiqueta CU00720B  (Leído 2706 veces)

Chuckyldo

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 34
    • Ver Perfil
Hola amigos, acabo de hacer el ejercicio CU00720B del curso de programación web, de formularios en html, y no sé cómo está. Además no me quedaron claros algunos conceptos, me gustaría que alguien me los pueda explicar mejor por favor, los conceptos que no entendí son: name, value e id. El ejercicio consiste en lo siguiente:

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.

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.

El código que yo hice es este:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>       
        <meta charset="utf-8">
        <title>Ejemplo del uso de formularios - aprenderaprogramar.com</title>
    </head>
<body>

<h1>Inscripción al Congreso de Medicina Santiago 2048</h1>

<h2>Inscripción al Congreso para médicos especialistas</h2>
<form action="https://www.aprenderaprogramar.com" method="get">
<p>
<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="año">Año de obtención de la especialidad: </label>
<input type="text" name="año" id="año">
<br/> <br/>
</p>
</form>

<h2>Inscripción al congreso para médicos generalistas</h2>
<form action="https://www.aprenderaprogramar.com" method="get">
<p>
<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="lugar">Centro médico donde ejerce: </label>
<input type="text" name="lugar" id="lugar">
<br/> <br/>
<label for="año">Año de obtención del título: </label>
<input type="text" name="año" id="año">
<br/> <br/>
<input type="submit" value="Enviar">
<input type="reset">
</p>
</form>
</body>
</html>

Además no entendí lo que sale en el apartado de "nota", bueno ahí volvemos a lo mismo, que no entendí algunos conceptos. Desde ya muchas gracias.
« Última modificación: 15 de Abril 2017, 19:33 por Ogramar »

bermartinv

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 298
    • Ver Perfil
Re:Ejercicio de formulario html. (CU00720B)
« Respuesta #1 en: 15 de Febrero 2017, 11:35 »
Todos los atributos que tenemos dentro de las etiquetas HTML son para facilitar el trabajo. Podemos encontrar atributos como class,id,title,alt, .... . Lo mismo ocurre en este caso en los formularios hay atributos que se usan en input especificos como value,min,max,step,.... . En  este caso se ha usado name y id, estos atributos son importantes para poder trabajar luego con el contenido del formulario, tanto si hace con javascript o como si se usa php.He incluso al tener id puedes especificar el archivo css, un estilo especifico para ese campo.
Por lo que respecta a la 'Nota', te dice que intentes no poner los mismo name e id en los dos formularios, aunque no se solapan estos valores a la hora de trabajar sería un poco más lioso, y por eso se recomienda que uses distintos nombre. Conforme, vayas avanzando en la programación web irás viendo más claro el por qué de los name e id, y lo de los nombres. De momento en este curso centrate en que te quede claro el HTML y pasito a pasito.
Por lo que comentabamos de la 'nota' deberias cambiar los nombres del segundo formulario.
Saludos. ;)

Chuckyldo

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 34
    • Ver Perfil
Re:Ejercicio de formulario html. (CU00720B)
« Respuesta #2 en: 16 de Febrero 2017, 23:00 »
Muchas gracias por responder, pero todavía no me queda claro el tema de los conceptos, ¿me darías un ejemplo de cómo debería cambiar los nombres del segundo formulario?

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2662
    • Ver Perfil
Buenas Chuckyldo, puedes consultar este ejercicio para orientarte en la solución: https://www.aprenderaprogramar.com/foros/index.php?topic=3041.0

Salu2

 

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