Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Lorenzo31 en 25 de Enero 2016, 19:32

Título: HTML cómo crear formulario que permita enviar archivos input type file CU00728B
Publicado por: Lorenzo31 en 25 de Enero 2016, 19:32
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
Título: Re:HTML cómo crear formulario que permita enviar archivos input type file CU00728B
Publicado por: Alex Rodríguez en 28 de Enero 2016, 19:48
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
Título: Re:HTML cómo crear formulario que permita enviar archivos input type file CU00728B
Publicado por: Lorenzo31 en 28 de Enero 2016, 19:53
Mmmm, entendido, tomo nota de lo de no llamar body a nada porque body es una etiqueta muy general ya en HTML.


Gracias Alex.