Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Dan_SB en 21 de Mayo 2015, 00:08
-
Buenas tardes!
Vengo a resolver el ejercicio °24 del curso "html desde 0", cuyo enunciado dice así:
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>>.
Bueno, aquí el código:
<! DOCTYPE HTML>
<html>
<head><meta charset="utf-8"><title>Concurso Saber y Ganar!</title></head>
<body style="background-color: Lavender;">
<h1 style="color: green; font-family: Verdana; text-align: center;">Inscripcion al concurso saber y ganar!</h1>
<form>
Nombre <input name="nombre" id="nombre" type="text"/>
<br></br>
Apellidos <input name="apellido" id="apellido" type="text"/>
<br></br>
Email <input name="email" id="email" type="text"/>
<br></br>
Teléfono <input name="telefono" id="telefono" type="text"/>
<br></br>
<button type="submit">¡¡¡Me apunto!!!</button> <button type="reset">Cancelar</button>
</form>
<h1 style="color: red; font-family: Verdana; text-align: center;">Peticion de información</h1>
<form>
Nombre <input name="nombres" id="nombres" type="text"/>
<br></br>
País <input name="nombres" id="nombres" type="text"/>
<br></br>
Email <input name="nombres" id="nombres" type="text"/>
<br></br>
Consulta que desea realizar
<br></br>
<textarea cols=30 rows=5>Escriba aqui...</textarea>
<br></br>
<input name="envio" type="image" width=130 height=30 src="http://www.simplespasos.com/images/contacto/boton_enviar.png"/>
<br></br>
<button type="reset">Pulse aqui para cancelar</br>Esto borrara los datos</button>
</form>
</body>
</html>
No se preocupen, lo de poner imagenes al boton lo hice de las dos formas... de internet, tanto PC.. pero por motivos de privacidad, decidi colocarlo por internet aqui ...
Asi es como se ve:
(http://i.imgur.com/iH4SN93.png)
Espero sus comentarios! gracias..
-
Hola de nuevo!
Los comentarios:
Lo mismo que te ocurrió en el ejercicio anterior aquí tienes un formulario sin method y sin action, lo que significa que el formulario no se sabe cómo va ni a dónde va, con lo cual nunca llegaría a ningún sitio (esto habría que corregirlo).
Luego en algunas líneas faltan comillas
<textarea cols=30 rows=5> mejor incluyendo las comillas cols="30" rows="5"
Aquí lo mismo type="image" width=130 height=30 mejor como width="130" height="30"
Y un error
Nombre <input name="nombres" id="nombres" type="text"/>
<br></br>
País <input name="nombres" id="nombres" type="text"/>
<br></br>
Email <input name="nombres" id="nombres" type="text"/>
Tienes repetidos los name nombres y id nombres, esto debe ser un despiste pero se ve cuando pulsas enviar que aparece nombres en la url por todos lados
Lo más importante es que no cometas fallos al construir los formularios porque le falten partes (botón de envío, method, action, etc.)
Saludos
-
En efecto, fue un despiste grave... lo que pasa es que copie y pegue esas lineas para ahorrarme tiempo pero un video de internet me distrajo ::)
<! DOCTYPE HTML>
<html>
<head><meta charset="utf-8"><title>Concurso Saber y Ganar!</title></head>
<body style="background-color: Lavender;">
<h1 style="color: green; font-family: Verdana; text-align: center;">Inscripcion al concurso saber y ganar!</h1>
<form method="get" action="http://aprenderaprogramar.com">
Nombre <input name="nombre" id="nombre" type="text"/>
<br></br>
Apellidos <input name="apellido" id="apellido" type="text"/>
<br></br>
Email <input name="email" id="email" type="text"/>
<br></br>
Teléfono <input name="telefono" id="telefono" type="text"/>
<br></br>
<button type="submit">¡¡¡Me apunto!!!</button> <button type="reset">Cancelar</button>
</form>
<h1 style="color: red; font-family: Verdana; text-align: center;">Peticion de información</h1>
<form method="get" action="http://aprenderaprogramar.com">
Nombre <input name="nombres" id="nombres" type="text"/>
<br></br>
País <input name="pais" id="pais" type="text"/>
<br></br>
Email <input name="email" id="email" type="text"/>
<br></br>
Consulta que desea realizar
<br></br>
<textarea cols=30 rows=5>Escriba aqui...</textarea>
<br></br>
<input name="envio" type="image" width="130" height="30" src="http://www.simplespasos.com/images/contacto/boton_enviar.png"/>
<br></br>
<button type="reset">Pulse aqui para cancelar</br>Esto borrara los datos</button>
</form>
</body>
</html>
Por cierto, ¿Los valores de los atributos siempre van entre comillas?
-
Hola, por norma general sí aunque siempre puede haber alguna excepción... (como en todo) ::)
-
Lo suponía... por ahora colocare todo entre comillas, ustedes me dirán que no va! xD
Gracias! :D