Hola amigos, bueno presento mi posible solución al ejercicio CU00728B del curso programación HTML.
Enunciado: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?
Código HTML:
<!DOCTYPE html>
<html>
<head>
<title>Porta básico - aprenderaprogramar.com</title>
<meta charset="UTF-8" />
</head>
<body>
<div id="page" style="width: 980px; border: solid 2px gray; text-align: center; margin: auto;">
<!-- Aquí vendría la cabercera -->
<div id="header">
<img src="https://i.imgur.com/XulQTua.png" alt="cabercera" />
</div>
<!-- fin de la cabercera -->
<!-- contenedor -->
<div id="wrapper">
<!-- menu -->
<div id="menu">
<div>Menú</div>
<ul>
<li><a href="#">Música</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#">Libros</a></li>
</ul>
</div>
<!-- fin del menú -->
<!-- cuerpo -->
<br/><br/>
<div id="body">
<h2>Formulario</h2>
<form method="post" action="jorge.php" enctype="multipart/form-data">
<label for="nombre">Nombre:</label>
<input type="text" name="nombre_user" id="nombre" />
<br/>
<label for="apellido">Apellido:</label>
<input type="text" name="apellido_user" id="nombre" />
<br/>
<label for="direction">Dirección:</label>
<input type="text" name="direction_user" id="direction" />
<br/>
<label for="correo">Correo Electronico:</label>
<input type="text" name="correo_user" id="correo" />
<br/>
<label for="telefono">Telefono:</label>
<input type="text" name="telefono_user" id="telefono" />
<br/><br/>
<input type="file" name="foto" />
<br/><br/>
<input type="submit" value="Enviar" />
<input type="reset" value="Cancelar" />
</form>
</div>
<!-- fin cuerpo -->
<!-- pie -->
<div id="footer">
<img src="https://i.imgur.com/6dIW6A2.png" alt="footer" width="150px" /> <span>Copyright 2006-2072 aprenderaprogramar.com</span>
</div> <!-- fin pie -->
</div>
<!-- fin contenedor -->
</div>
</body>
</html>
Puse las etiquetas label, ya que prefiero que la web este bien estructurada, y que cada control tenga su respectiva etiqueta asociado a ese control.
Respuestas:1: Se debe especificar el atributo
enctype, para enviar archivos, y con el valor
multipart/form-data, ya que sin ese puede ser que mande o no cumpla dicha función, de envio de archivos. Y el metodo de envio de archivos es
postUn saludo.