Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: 3skai en 29 de Marzo 2016, 04:31
-
Hola buenas noches a todos! Espero se encuentren muy bien!.. Por aquí dejo el ejercicio de la clase. Para correcciones o recomendaciones!
Enunciado:
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:
<!Doctype html>
<html lang="en">
<head>
<title>Ejercicio De Clase De Botones</title>
</head>
<body>
<h3>Inscripción Al Concurso Saber y Ganar</h3>
<form method="get" action="">
<label for="nombre">Nombres:</label>
<input type="text" name="nombre" id="formulario1" />
<br />
<label for="apellido">Apellidos:</label>
<input type="text" name="apellido" id="formulario1" />
<br />
<label for="email">Email:</label>
<input type="text" name="email" id="formulario1" />
<br />
<label for="telefono">Telefono:</label>
<input type="text" name="telefono" id="formulario1" />
<br />
<input type="submit" value="Me Apunto!!" />
<input type="reset" value="Cancelar">
<br />
</form>
<br/><br/><br/><br/>
<h3>Petición De Información.</h3>
<form method="get" action="">
<p>
<label for="nombre">Nombres:</label>
<input type="text" name="nombre" id="formulario2" />
<br />
<label for="pais">País:</label>
<input type="text" name="pais" id="formulario2" />
<br />
<label for="email">Email:</label>
<input type="text" name="email" id="formulario2" />
<br />
<label for="consulta">Expliquenos su duda:</label>
<br/>
<textarea name="dudas" rows="4" cols="30">Tus Comentarios, Dudas O Preguntas! Feedback is welcome!</textarea>
<br/><br/>
<input name="boton1" type="image" src="http://jeecommunications.com/jee/buttons/send-button.png" />
<br />
<button type="reset">
Pulse aquí para cancelar <br/> Esto Borrara Todos Los Datos!
</button>
</p>
</form>
</body>
</html>
-
Hola 3skai el ejercicio está bien resuelto, a seguir así
Recomendamos escribir <!DOCTYPE html> en lugar de <!Doctype html>
<html lang="en"> no sería correcto, recomendamos <html> y dentro de las etiquetas head escribir <meta charset="utf-8" /> para que reconozca todos los caracteres en español. En mi navegador por ejemplo lo que se ve es Inscripción Al Concurso Saber y Ganar. Para evitar problemas entre distintos navegadores incluye el meta charset como he comentado.
En el action es preferible poner algo aunque sea solo a modo de ejemplo, en vez de action="" escribir action="http://aprenderaprogramar.com" así sirve para pruebas.
Saludos