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: Chuckyldo en 15 de Febrero 2017, 05:10
-
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:
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:
<!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.
-
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. ;)
-
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?
-
Buenas Chuckyldo, puedes consultar este ejercicio para orientarte en la solución: https://www.aprenderaprogramar.com/foros/index.php?topic=3041.0
Salu2