Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: KOFFERO en 22 de Septiembre 2017, 04:55
-
Hola amigos dejo el ejercicio CU00724B del tutorial pdf de programación web con HTML resuelto
EJERCICIO
Crea una página web que contenga dos formularios que cumplan estas condiciones.
Como título antes del primer formulario debe figurar con etiquetas h1 el texto <<Inscripción al concurso Saber y Ganar>>. Debe contener:
a) Nombre
b) Apellidos
c) email
d) Teléfono
e) Un botón submit para enviar que muestre el texto <<¡¡¡Me apunto!!!>> y un botón reset para restablecer que muestre el texto <<Cancelar>>.
Como título antes del segundo formulario debe figurar con etiquetas h1 el texto “Petición de información”. Debe contener:
a) Nombre
b) País
c) email
d) Consulta que se quiere realizar (debe ser un textarea que permita escribir múltiples líneas).
e) Un botón para enviar de tipo imagen y un botón para restablecer de tipo button que muestre dentro del botón lo siguiente: <<Pulse aquí para cancelar>>, un salto de línea, y el texto <<Esto borrará los datos>>.
Código HTML:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicio CU00724B - aprenderaprogramar.com</title>
<meta charset="UTF-8" />
</head>
<body>
<h1>Inscripción al concurso Saber y Ganar</h1>
<form method="get" action="jorge.php">
<label for="nombre">Nombre:</label>
<input type="text" name="nombre_user_1" id="nombre" />
<br/><br/>
<label for="apellido">Apellido:</label>
<input type="text" name="apellido_user_1" id="apellido" />
<br/><br/>
<label for="email">Email:</label>
<input type="text" name="email_user_1" id="email" />
<br/><br/>
<label for="telefono">Telefono:</label>
<input type="text" name="telefono_user_1" id="telefono" />
<br/><br/>
<input type="submit" value="<<¡¡¡Me apunto!!!>>" />
<input type="reset" value="<<Cancelar>>" />
</form>
<br/><br/>
<h1>Petición de información</h1>
<form method="get" action="jorge1.php">
<label for="nombre_2">Nombre:</label>
<input type="text" name="nombre_user_2" id="nombre_2" />
<br/><br/>
<label for="pais">País:</label>
<input type="text" name="pais_user" id="pais" />
<br/><br/>
<label for="email_2">Email:</label>
<input type="text" name="email_user_2" id="email_2" />
<br/><br/>
<span>Consulta:<br/></span><textarea name="consulta" cols="40" rows="4"></textarea><br/>
<input type="image" src="https://i.imgur.com/AYIoHvU.png" name="botom1" />
<button type="reset" name="botomreset">
Pulse aquí para cancelar<br/>
Esto borrará los datos
</button>
</form>
</body>
</html>
Un saludo. :)
-
Hola Jorge,,, ejercicio correcto.
Saludos