Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Lorenzo31 en 18 de Enero 2016, 18:42

Título: Formularios HTML método de envío get label input text type button image CU00724B
Publicado por: Lorenzo31 en 18 de Enero 2016, 18:42
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.
Título: Re:Formularios HTML método de envío get label input text type button image CU00724B
Publicado por: Alex Rodríguez en 20 de Enero 2016, 09:21
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
Título: Re:Formularios HTML método de envío get label input text type button image CU00724B
Publicado por: Lorenzo31 en 20 de Enero 2016, 11:36
Ok Alex, he de ponerme con el curso de CSS en cuanto termine este :)

Gracias como siempre por tus comentarios.