« anterior próximo »
Páginas: [1]

Autor Tema: Cómo poner botón de imagen en un formulario HTML o texto personalizado CU00724B  (Leído 2117 veces)

hymsoft

  • Intermedio
  • ***
  • Mensajes: 103
  • hymsoft
    • Ver Perfil
Cómo poner botón de imagen en un formulario HTML o texto personalizado CU00724B
« 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>
« Última modificación: 11 de Agosto 2016, 13:27 por Ogramar »
En línea
"Una persona inteligente es aquel que sabe ser tan inteligente como para contratar gente mas inteligente que el"

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2662
    • Ver Perfil
Re:Cómo poner botón de imagen en un formulario HTML o texto personalizado CU00724B
« Respuesta #1 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
En línea
Páginas: [1]
« anterior próximo »
 

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