Hola a todos !! Paso a dejar el código html propuesta en la clase CU00728B del tutorial de programación HTML. Desde ya, muchas gracias por la atención. Un saludo,
Luis
Aclaración: el código de ejemplo no corresponde a la imagen mostrada. Para que esto ocurra hay que modificar <div id="page"> por <div id="page" style="width: 980px; text-align: center; margin: auto; border: 2px solid gray;">
EJERCICIO
Modifica el formulario HTML con el que hemos trabajado para incluir un campo fotografía que permita el envío de un archivo de imagen como parte del formulario. Responde a estas preguntas:
¿Qué atributo ha de especificarse para el form para poder enviar archivos? ¿Qué valor ha de darse a dicho atributo? ¿Qué método de envío hay que especificar para el form si se envían archivos?
Primero paso a responder las preguntas:
1) Para poder enviar archivos el atributo a colocar en el form es: enctype
2) El valor a asignarle al atributo enctype es: "multipart/form-data"
3) El método de envio puede ser indistintamente: get o post(el segundo oculta la información enviada en el navegador y no tiene restricciones en cuanto a la longitud). También hay que incluir el atributo: action, donde se le asigna como valor la direccion web donde se registrarán los datos enviados.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Portal básico - aprenderaprogramar.com</title>
</head>
<body>
<div id="page" style="width: 980px; text-align: center; margin: auto; border: 2px solid gray;">
<div id="header">
Portal (Tutorial básico del programador web: HTML desde cero) - aprenderaprogramar.com
</div>
<!-- contenedor -->
<br />
<br />
<br />
<div id="wrapper">
<!-- menu -->
<div id="menu">
<div>Menú</div>
<hr style="color:red; background-color:red; width:50%;" />
<ul>
<li><a href="#">Portada</a></li>
<li>
<a href="https://www.aprenderaprogramar.com">aprenderaprogramar.com</a>
</li>
</ul>
</div>
<!-- fin menu -->
<!-- cuerpo -->
<div id="body">
<form method="get" action="https://aprenderaprogramar.com/accion.php" enctype="multipart/form-data">
Nombre: <input type="text" name="nombre" /><br /><br />
Apellidos: <input type="text" name="apellidos" /><br /><br />
Dirección: <input type="text" name="direccion" /><br /><br />
Correo electrónico: <input type="text" name="correo" /><br /><br />
Teléfono: <input type="text" name="telefono" /><br /><br />
Fotografia: <input name="imagen" type="file" /><br /><br />
<input type="submit" value="Enviar" />
<input type="reset" value="Cancelar" /><br /><br />
</form>
</div>
<!-- fin cuerpo -->
</div>
<!-- fin contenedor -->
<br /> <br /> <br />
<div id="footer">
Copyright 2006-2012 aprenderaprogramar.com
</div>
</div>
</body>
</html>