Autor Tema: HTML poner un botón imagen para envío de formularios ejemplo Ejercicio CU00724B  (Leído 2112 veces)

Dimitar Stefanov

  • Experto
  • *****
  • Mensajes: 598
    • Ver Perfil
Mi solución al ejercicio CU00724B curso HTML desde cero:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo de botones - aprenderaprogramar.com</title>
</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" value="Dimitar"/>
<br/><br/>
<label for="apellido">Apellido:</label>
<input tyep="text"name="apellido" id="apellido" value="Stefanov"/>
<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"><<¡¡¡Me apunt!!!>></button>
<input type="reset" value="<<Cancelar>>"/>
</form>
<br/><br/>
<h1>Petición de información</h1>
<form method="get" action="http://aprenderaprogramar.com">
<label for="nombre1">Nombre:</label>
<input type="text" name="nombre1" id="nombre1"/>
<br/><br/>
<label for="pais">País:</label>
<input type="text" name="pais" id="pais"/>
<br/><br/>
<label for="email1">Email:</label>
<input type="text" name="email1" id="email1"/>
<br/><br/>
<label for="consulta">Consulta:</label>
<textarea name="consulta" id="consulta"></textarea>
<br/><br/>
<input name="button1" type="image" src="http://www.stefjotrans.com/imagen.png"/>
<button type="reset"><<</>Pulse aquí para cancelar>><br/><<</>Esto borrará los datos>></button>
</form>
</body>
</html>

En otro comentario en este foro han debatido como se pueden imprimir los caracteres "<<>>" al ser símbolos reservados a las etiquetas del lenguaje HMTML.
« Última modificación: 13 de Enero 2016, 14:49 por Ogramar »

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2660
    • Ver Perfil
Buenas Dimiste en general bien, te indico algunas cosas a mejorar

Para imprimir caracteres especiales se recomienda usar las equivalencias en HTML como

< --> &lt;
> --> &gt;

tal y como se comenta en este hilo: https://www.aprenderaprogramar.com/foros/index.php?topic=3671.0

Tienes que prestar atención a no cometer errores al escribir el código por ejemplo

<input tyep="text"name="apellido"

Está mal porque pone tyep en vez de type y porque falta un espacio después de las comillas

Debe ser <input type="text" name="apellido"

Salu2

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".