Autor Tema: HTML cómo crear formulario que permita enviar archivos input type file CU00728B  (Leído 2838 veces)

Lorenzo31

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 381
    • Ver Perfil
Buenas adjunto mi respuesta al ejercicio.


Código: [Seleccionar]
<!DOCTYPE html>
<html>
     <head> <meta charset="utf-8"/> <title>Ejercicio727B_PortalBásico</title>
     <link rel="stylesheet" type="text/css" href="pruebaCSS.css"/>
</head>

<body>
     <div id="page" style="width:980px; text-align:center; margin:auto; border:2px solid gray;">
             <!--cabecera-->
       <div id="header">
     <h1>Portal, tutorial básico del Programador</h1>
</div>
<!--Contenedor-->
<br/>
<br/>
<br/>
<div id="wrapper">
     <!--Menú-->
     <div id="menu">
     <div>Menú</div>
     <hr style="color:red; background-color:red; width:50%; height:3px;"/>

     <ul>
         <li><a href="#">Portada</a></li>
     <li><a href="https://www.aprenderaprogramar.com">aprenderaprogramar.com</a></li>
     </ul>
</div>
<!--Fin Menú-->

                 <!--Cuerpo-->
<div id="body">
     <form method="POST" action="action.html" enctype="multipart/form-data">
     
<label for="nombre">Nombre</label> <input type="text" id="nombre" name="nombre"/>
<br/>
<label for="apellido">Apellido</label> <input type="text" id="apellido" name="apellido"/>
<br/>
<label for="direccion">Direccion</label> <input type="text" id="direccion" name="direccion"/>
<br/>
<label for="email">Email</label> <input type="text" id="email" name="email"/>
<br/>
<label for="telefono">Telefono</label> <input type="text" id="telefono" name="telefono"/>
<br/>
<label for="imagen">Añadir archivo</label> <input type="file" name="imagen" id="imagen"/>
<br/>
<input type="submit" value="Enviar"/>  <input type="reset" value="Eliminar todo"/>

</form>
</div>
<!--Fin Cuerpo-->
</div>
<!--Fin Contenedor-->
<br/><br/><br/>
<div id="footer"><!--Aquí va el pie--> <p>Copyright 2006-2072 aprenderaprogramar.com</p> </div>
</div>
     
</body>
</html>




¿Qué atributo ha de especificarse para el form para poder enviar archivos?

ENCTYPE


¿Qué valor ha de darse a dicho atributo?

multipart/form-data


¿Qué método de envío hay que especificar para el form si se envían archivos?

POST
« Última modificación: 28 de Enero 2016, 19:44 por Alex Rodríguez »

Alex Rodríguez

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2050
    • Ver Perfil
Hola Lorenzo todo bien código y respuestas. Aunque está en el código del curso no me gusta mucho tener div id="body" porque ya hay un elemento que se llama body (la etiqueta body) pero esto viene en la propia entrega así que no es cosa tuya   ;)

Saludos

Lorenzo31

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 381
    • Ver Perfil
Mmmm, entendido, tomo nota de lo de no llamar body a nada porque body es una etiqueta muy general ya en HTML.


Gracias Alex.

 

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".