Autor Tema: HTML web Ejemplo de formulario html con envío de archivos enctype CU00728B (Leído 2102 veces)

Jack_F · « **en:** 18 de Diciembre 2016, 18:01 »

Responde a estas preguntas:

Citar

¿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?

Repuestas:

a):Hay que especificarr el atributo enctype =""
b):El valor "multipart/form-data"
c):Metodo post

Dicho eso aqui esta el código.

Código: [Seleccionar]

<!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="post" action="accion.html" entype="multipart/form-data">
<p><label for="nombre">Nombre:</label> <input type="text" name="nombre" id="nombre" /></p>
<p><label for="apellido">Apellidos: </label> <input type="text" name="apellidos" id="apellido" /></p>
<p><label for="direcion">Dirección: </label> <input type="text" name="direccion" id="direcion" /></p>
<p><label for="correo">Correo electrónico: </label> <input type="text" name="correo" id="correo" /></p>
<p><label for="telefono">Teléfono: </label> <input type="text" name="telefono" id="telefono" /></p>
<p>Selecione una imagen:< name="imagen" input type="file" /></p>
<br /><br />
<input type="submit" value="Enviar" />
<input type="reset" value="Cancelar" />
</form>
</div>
<!-- fin cuerpo -->
</div>
<!-- fin contenedor -->
<br /> <br /> <br />
<div id="footer">
Copyright 2006-2072 aprenderaprogramar.com
</div>
</div>
</body>
</html>

Chompy129 · « **Respuesta #1 en:** 19 de Diciembre 2016, 01:23 »

Todas las respuestas son correctas, en cuanto al código que editaste le falla esta linea:

Código: [Seleccionar]

<p>Selecione una imagen:< name="imagen" input type="file" /></p>
Como el navegador no lo reconoce como etiqueta, lo interpreta como texto. Debería ser:

Código: [Seleccionar]

<p>Selecione una imagen:<input name="imagen" type="file" /></p>
Saludos.

Jack_F · « **Respuesta #2 en:** 20 de Diciembre 2016, 02:09 »

Gracias chompy129 por revisar el ejercicio. Si a vece siempre tengo algunos errores.
Pero voy aprendiendo de a poco.

Saludo.

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: