Autor Tema: HTML. Formulario:botones de envio, submit, reset, botón imagen ejemplo CU00724B (Leído 2100 veces)

KOFFERO · « **en:** 22 de Septiembre 2017, 04:55 »

Hola amigos dejo el ejercicio CU00724B del tutorial pdf de programación web con HTML resuelto

Citar

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:

Código: [Seleccionar]

<!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.

Alex Rodríguez · « **Respuesta #1 en:** 26 de Octubre 2017, 19:12 »

Hola Jorge,,, ejercicio correcto.

Saludos

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias:

Autor Tema: HTML. Formulario:botones de envio, submit, reset, botón imagen ejemplo CU00724B (Leído 2100 veces)

KOFFERO

HTML. Formulario:botones de envio, submit, reset, botón imagen ejemplo CU00724B

Alex Rodríguez

Re:HTML. Formulario:botones de envio, submit, reset, botón imagen ejemplo CU00724B

Preguntas y respuestas

Foros aprenderaprogramar.com Didáctica y divulgación de la programación

Noticias:

Autor Tema: HTML. Formulario:botones de envio, submit, reset, botón imagen ejemplo CU00724B (Leído 2100 veces)

KOFFERO

HTML. Formulario:botones de envio, submit, reset, botón imagen ejemplo CU00724B

Alex Rodríguez

Re:HTML. Formulario:botones de envio, submit, reset, botón imagen ejemplo CU00724B

Preguntas y respuestas

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación