Buenas tardes. Este es el enunciado del ejercicio CU00724B del taller de programación web con HTML usando Notepad++ como editor:
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>>.
Acá el código:
<!DOCTYPE html>
<html>
<head>
<title>CU00724B</title>
<meta charset="utf-8"/>
</head>
<body>
<h1>Inscripción al concurso Saber y Ganar</h1>
<form method="get" action="http://aprenderaprogramar.com">
<label for="nombre">Nombre: </label>
<input type="text" name="nombre" id="nombre"/>
<br/>
<br/>
<label for="apellidos">Apellidos: </label>
<input type="text" name="apellidos" id="apellidos"/>
<br/>
<br/>
<label for="email">Email: </label>
<input type="text" name="email" id="email"/>
<br/>
<br/>
<label for="telefono">Teléfono: </label>
<input type="text" name="telefono" id="telefono"/>
</br>
</br>
<button type="submit" name="enviar">
¡¡¡Me apunto!!!
</button>
<button type="reset" name="reset">
Cancelar
</button>
</form>
<h1>Petición de información</h1>
<form method="get" action="http://aprenderaprogramar.com">
<label for="nombre_peticion">Nombre: </label>
<input type="text" name="nombre_peticion" id="nombre_peticion"/>
<br/>
<br/>
<label for="pais">Pais: </label>
<input type="text" name="pais" id="pais"/>
<br/>
<br/>
<label for="email_peticion">Email: </label>
<input type="text" name="email_peticion" id="email_peticion"/>
<br/>
<br/>
Consulta: <textarea name="consulta" cols="30" rows="2">Su consulta aquí</textarea>
<br/>
<br/>
<input name="img" type="image" src="/images/aprenderaprogramar/imagen.png"/>
<button type="reset" name="reset_peticion">
Pulse aquí para Cancelar
<br/>
Esto borrará los datos
</button>
</form>
</body>
</html>
Si tienen correcciones o sugerencias, se las agradeceré enormemente. Gracias.