Foros aprenderaprogramar.com

Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Dimitar Stefanov en 12 de Enero 2016, 14:45

Título: HTML poner un botón imagen para envío de formularios ejemplo Ejercicio CU00724B
Publicado por: Dimitar Stefanov en 12 de Enero 2016, 14:45
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.
Título: Re:HTML poner un botón imagen para envío de formularios ejemplo Ejercicio CU00724B
Publicado por: Ogramar en 13 de Enero 2016, 14:49
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