Autor Tema: HTML. Ejemplo de formulario:method y action creación de portal básico CU00728B  (Leído 2662 veces)

KOFFERO

  • Principiante
  • **
  • Mensajes: 78
    • Ver Perfil
Hola amigos, bueno presento mi posible solución al ejercicio CU00728B del curso programación HTML.

Enunciado:
Citar
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:
Código: [Seleccionar]

<!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 post

Un saludo. ;D
« Última modificación: 18 de Noviembre 2017, 18:32 por Alex Rodríguez »
¡Me encanta aprender!

Alex Rodríguez

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2050
    • Ver Perfil
Hola, ejercicio correcto

Saludos

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".