Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Sosender en 04 de Junio 2020, 19:29
-
Buenas adjunto mi respuesta al ejercicio correspondiente al CU00728B del tutorial básico HTML desde cero.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<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>
<br />
<br />
<br />
<div id="wrapper">
<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><!--fín del menú-->
<!--cuerpo-->
<div id="cuerpo">
<form method="get" action="http://aprenderaprogramar.com">
Nombre: <input type="text" name="nombre"/><br />
Apellidos: <input type="text" name="apellidos"/><br />
Dirección: <input type="text" name="dirección"/><br />
Correo electrónico: <input type="text" name="correo"/><br />
Teléfono: <input type="text" name="telefono"/><br />
Fofografía: <input type="image" name="imagen" src="images/enviar.jpg"alt="añadir imagen" width="250px"
height="75px"/><br />
</form>
</div>
</div>
<!--fin del contenedor-->
<br /> <br /> <br />
<div id="footer"><b>Copyright 2006-2072 aprenderaprogramar.com</b></div>
</div>
</body>
</html>
Qué atributo ha de especificarse para el form para poder enviar archivos?
Enctype
Que valor a darse a dicho atributo?
multipar/form-data
Qué método de envio hay que especificar para el form si se envian archivos?
post
-
Hola y bienvenido a los foros, esperamos que participes tanto para preguntar como para responder a otras personas. Parece que has empezado ¡por el final del curso de HTML! Bueno, es una broma, entiendo que no es que hayas empezado por el final. Me imagino que habrás ido haciendo los ejercicios anteriores pero que no los has subido a los foros.
El ejercicio tiene algunas cosas a mejorar. Te comento algunas cuestiones:
- En lugar de <meta charset="utf-8"> recomendamos escribir <meta charset="utf-8" /> , como ves lo que he hecho es incluir una barra antes del cierre. Esa barra es para cumplir el estándar XHTML y simplemente sirve para indicar que se cierra la etiqueta. No es obligatoria porque los navegadores interpretan igualmente con o sin barra, pero sí la recomendamos para esta y resto de etiquetas que no tengan un cierre específico.
- Para añadir un botón que permita el envío de un archivo debes usar input type="file" en lugar de input type="image". El type image sirve para tener una imagen que permita el envío del formulario, pero ¿cómo añades el archivo que quieres enviar?
Puedes consultar este hilo: https://aprenderaprogramar.com/foros/index.php?topic=6708.0 , ahí está resuelto con un type file.
Otra cosa: no es multipar/form-data sino multipart/form-data, ten cuidado porque a veces que nos falte una letra hace que no funcione correctamente un código y nos podemos volver locos por una sola letra. También ten en cuenta que debes incluir este atributo en la etiqueta del form y cambiar get por post si pretendes enviar un archivo. Fíjate en cómo lo hacen en el ejercicio resuelto que te he indicado.
Saludos
-
muchas gracias por las observaciones. Tomo buena nota de ellas. Poco a poco iré cogiéndole el ritmo.
No he empezado el curso por el cuaderno 28, lo empece desde cero, pero hasta ayer no había aprendido a subir al foro los ejercicios.
Lo dicho gracias por todo y aquí me tenéis para lo que pueda ayudar