Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: hymsoft en 07 de Agosto 2016, 20:41

Título: Cómo poner botón de imagen en un formulario HTML o texto personalizado CU00724B
Publicado por: hymsoft en 07 de Agosto 2016, 20:41
Buenas tardes!!!! dejo mi resolución para el ejercicio CU00724B del taller práctico de desarrollo web con HTML desde cero.

Saludos!!!!

Código: [Seleccionar]
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Resolución ejercicio CU00724B - Hugo Segura(hymsoft)</title>
  </head>
  <body>
   
    <!-- Primer formulario -->
   
    <h1 style="text-align:center">Inscripción al concurso Saber y Ganar</h1>
    <form action="https://www.aprenderaprogramar.com/" method="get">
      <label for="form1_nombre">Nombre: </label>
      <input type="text" name="form1_nombre" id="form1_nombre" value="" size="30px" /><br/><br/>
      <label for="form1_apellidos">Apellidos: </label>
      <input type="text" name="form1_apellidos" id="form1_apellidos" size="29px" /><br/><br/>
      <label for="form1_email">E-Mail: </label>
      <input type="email" name="form1_email" id="form1_email" size="31px" /><br/><br/>
      <label for="form1_telefono">Teléfono: </label>
      <input type="text" name="form1_telefono" id="form1_telefono" size="29px" /><br/><br/>
      <button type="submit">¡¡¡Me apunto!!!</button> <button type="reset">Cancelar</button>
    </form>
   
    <!-- Segundo formulario--->
   
    <h1 style="text-align:center">Petición de información</h1>
    <form action="https://www.aprenderaprogramar.com" method="get">
      <label for="form2_nombre">Nombre: </label>
      <input type="text" name="form2_nombre" id="form2_nombre" size="30px" /><br/><br/>
      <label for="form2_pais">País: </label>
      <input type="text" name="form2_pais" id="form2_pais" size="33px" /><br/><br/>
      <label for="form2_email">E-mail: </label>
      <input type="email" name="form2_email" id="form2_email" size="31px" /><br><br/>
      <label for="form2_consulta">Ingrese su consulta:</label><br/>
      <textarea name="form2_consulta" cols="40" rows="5"></textarea><br/>
      <input name="btn_enviar" type="image" src="http://i.imgur.com/ZGBl2ZQ.png" width="100px">
      <button type="reset">Pulse aquí para cancelar<br/>esto borrará los datos</button>
    </form>
  </body>
</html>
Título: Re:Cómo poner botón de imagen en un formulario HTML o texto personalizado CU00724B
Publicado por: Ogramar en 11 de Agosto 2016, 13:27
Buenas Hugo, el ejercicio muy bien. Has puesto nombres diferenciados para los elementos de cada formulario, esto es importante para evitar repeticiones y errores.

Salu2