Autor Tema: Tema Ejemplo formulario HTML (METHOD, ACTION). Crear portal web básico CU00728B  (Leído 2413 veces)

Sosender

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 10
    • Ver Perfil
Buenas adjunto mi respuesta al ejercicio correspondiente al CU00728B del tutorial básico HTML desde cero.

Código: [Seleccionar]
<!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
« Última modificación: 04 de Junio 2020, 22:01 por Alex Rodríguez »

Alex Rodríguez

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2050
    • Ver Perfil
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

Sosender

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 10
    • Ver Perfil
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

 

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