Seguidores

miércoles, 7 de septiembre de 2016

ACTIVIDAD 3.19 FORMULARIOS PARTE 1

Hola de nuevo,

Siguiendo con el curso de desarrollo web que estoy estudiando, aquí traigo el resultado del ejercicio de la actividad 3.19 en el que se me pide que cree mi primer formulario.

Reconozco que esta parte de los formularios me está costando un poco más que lo que habíamos visto hasta ahora, pero simplemente es porque debo aprenderme un poco mejor las etiquetas nuevas que hemos estudiado y no tener que consultarlas constantemente, que es lo que me pasa ahora. Pero poco a poco, si nos ponemos nerviosos al final es mucho peor.

Bueno, este es el código HTML de mi primer formulario:

<html>

<head>
<title>Formulario de registro - Mi web</title>
</head>

<body>

<h1>Formulario de registro - Mi web</h1>

<br />
<br />

<form action="" method="get">

<p>
Nombre: <input type="text" name="nombre" maxlength="50" />
</p>

<br />

<p>
Apellidos: <input type="text" name="apellidos" maxlength="50" />
</p>

<br />

<p>
Sexo: <input type="radio" name="sexo" value="h" /> hombre <input type="radio" name="sexo" value="m" /> mujer
</p>

<br />

<p>
Correo electrónico: <input type="text" name="email" maxlength="100" />
</p>

<br />

<p>
<input type="checkbox" name="info" checked="checked" /> Deseo recibir información sobre novedades y ofertas.
</p>

<br />

<p>
<input type="checkbox" name="condiciones" /> Declaro haber leido y aceptar las condiciones generales del programa y la normativa sobre protección de datos.
</p>

<br />

<p>
<input type="submit" value="Enviar" />
</p>

</form>

</body>

</html>

Como habréis observado, y pese a que no lo pide en el ejercicio, he usado bastante la etiqueta <br />. Esto es simplemente por una cuestión de estética, ya que me gusta mas como queda el formulario con las líneas con doble espacio y de momento, con lo que se hasta ahora, es la única forma que se  para obtener este resultado.

Y este es el resultado, así se ve el formulario:


Yo creo que no me ha quedado mal del todo.

¿Que opináis vosotros?


No hay comentarios:

Publicar un comentario