Ejercicio 7 de html, (Rellena tu CV)

Ejercicio 7 de html:

Lo primero es la etiqueta "form":
La etiqueta "<form>" encierra todos los contenidos del formulario (botones, cuadros de texto, listas desplegables) y la etiqueta "<input>" permite definir varios tipos diferentes de elementos (botones y cuadros de texto).

En este caso seria asi :

"<form action="insertar_cv.php" method="post">

<form>"

En "action"  diremos la url o ruta que se encarga de procesar los datos, en este caso "insertar_cv.php" 
y el method  "post" nos indica que el método de envío sera formando parte del cuerpo de la petición. 

Como la mayoría de etiquetas hay que cerrarla.


Una vez tengamos el form toca los recuadros de nombre etc.. 

Para ello utilizaremos:

Nombre <br/>
<input type="text" name="nombre" value="" />

Lo primero sera el nombre del recuadro, en este caso el primero es Nombre y el segundo seria Apellido, con un <br/> para hacer el salto de linea y que quede como en la imagen.

en "imput type" va el tipo de recuadro que sera, en este caso queremos que sea texto asi que ponemos "text".  Con "name" definiremos el nombre de la variable para que luego se pueda reconocer en el php por ejemplo:


un script simple php:

Hola <?php echo htmlspecialchars($_POST['nombre']); ?>.
Usted tiene <?php echo (int)$_POST['edad']; ?> años.

un ejemplo de el resultado de este script podria ser:

Hola José. Usted tiene 22 años.  

Pero eso seria ya php y en este ejercicio solo pide html.

En "value" lo dejamos con las comillas ya que hay es donde escribiremos en el recuadro.

Para la contraseña solo deberíamos cambiar el "input type" en vez de "text" por "password" ya que no es texto.

Contraseña <br/><input type="password" name="contrasena"  />

  

Para el sexo el "type" es radio. Y para que aparezca como predeterminado uno de ellos, usaremos  "checked" en la opción que queremos que aparezca por defecto.

Sexo <br/><input type="radio" name="sexo" value="hombre" checked="checked" /> Hombre <br/><input type="radio" name="sexo" value="mujer" /> Mujer 

En la parte de subir una foto  el "type" sera "file" ya que es un archivo y como hasta ahora siempre dándole un "name" a todas

Incluir mi foto <input type="file" name="foto" />

Para la suscripcion  usaremos "checkbox" de "type" y lo seleccionaremos por defecto con "checked"

<input name="suscribir" type="checkbox" value="suscribir" checked="checked"/> Suscribirme al boletín de novedades

y por ultimo 

<input type="submit" name="enviar" value="Guardar cambios" /><input type="reset" name="limpiar" value="Borrar los datos introducidos" />

  

Con "submit" nos enviara el formulario al pulsar el botón y con "reset" nos lo dejara en blanco.