Autor Tema: Formularios HTML método de envío get label input text type button image CU00724B  (Leído 2370 veces)

Lorenzo31

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 381
    • Ver Perfil
Buenas tardes,

Dejo mi solución para el ejercicio propuesto CU00724B.
   

Comentar que son dos archivos, uno es estilos.css y el .html propiamente.

Archivo .html

Código: [Seleccionar]
<!DOCTYPE html>
<html>
   <head> <title>Ejercicio 724B</title> <meta charset="utf-8"/>
        <!--Carga el archivo estilos.css-->
<link rel="stylesheet" href="estilos.css" type="text/css"/>
   </head>
   <body>
       <h1 style="text-align:center; color:blue;">&lt;&lt;Inscripción al concurso Saber y Ganar&gt;&gt;</h1>
       <form method="get" action="https://www.aprenderaprogramar.com">
      <label style="font-style:italic;">Introduce tus datos personales:</label>
  <br/>
  <label for="nombre" style="font-weight:bold;">Nombre</label>
  <input type="text" name="nombre" id="nombre"/>
  <br/>
  <label for="apellido"><span>Apellido</span></label>
  <input type="text" name="apellido" id="apellido"/>
  <br/>
  <label for="email"><span>Email</span></label>
  <input type="text" name="email" id="email"/>
  <br/>
  <label for="telefono"><span>Teléfono</span></label>
  <input type="text" name="telefono" id="telefono"/>
  <br/><br/>
  <input type="submit" value="&lt;&lt;¡¡¡Me apunto!!!&gt;&gt;"/>
  <input type="reset" value="&lt;&lt;Cancelar&gt;&gt;"/>
</form>
<h1 style="text-align:center; color:blue;">"Petición de información"</h1>
<form method="get" action="https://www.aprenderaprogramar.com">
  <label style="font-style:italic;">Introduce tus datos personales:</label>
  <br/>
  <label for="nombreInfo"><span>Nombre</label> <input type="text" name="nombreInfo" id="nombreInfo"/>
  <br/>
  <label for="paisInfo"><span>País</span></label> <input type="text" name="paisInfo" id="paisInfo"/>
  <br/>
  <label for="emailInfo"><span>Email</span></label> <input type="text" name="emailInfo" id="emailInfo"/>
  <br/>
  <label for="consultaInfo"><span>Consulta que se desea realizar</span></label> <br/>
  <textarea name="consultaInfo" id="consultaInfo" rows="4" cols="30">Escribe tu consulta aquí</textarea>
  <br/>
  <input type="image" src="https://acortescaballero.files.wordpress.com/2011/10/enviar.png" width="10%"/>
  <br/>
  <button type="reset">&lt;&lt;Pulse aquí para cancelar&gt;&gt;<br/><span>&lt;&lt;Esto borrará los datos&gt;&gt;</span></button>
</form>

</html>


estilos.css

Código: [Seleccionar]
span { font-weight:bold; }

Basicamente solo lleva una función declarada como span y dentro la transformación a negrita de todo lo que este entre esa etiqueta (creo que es así da igual nombrarla span, negrita o madona).

Saludos.
« Última modificación: 20 de Enero 2016, 09:19 por Alex Rodríguez »

Alex Rodríguez

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2050
    • Ver Perfil
Hola Lorenzo

Lo veo todo correcto tan solo comentarte que lo que tu llamas función declarada como span mejor expresado diríamos que es un selector CSS para elementos tipo span.

Saludos

Lorenzo31

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 381
    • Ver Perfil
Ok Alex, he de ponerme con el curso de CSS en cuanto termine este :)

Gracias como siempre por tus comentarios.

 

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