Autor Tema: Ejercicio CU00728B tutorial HTML formulario para enviar un archivo de imagen  (Leído 3619 veces)

borri_10

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 31
    • Ver Perfil
Código: [Seleccionar]
<html>
<head>
<meta charset="utf-8">
<title> Formularios de Datos Personales </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>Menu</div>
<hr style="color:red;background-color:red;width:50%;"/>
<ul>
<li><a href="#">Portada</a></li>
<li><a href="http://aprenderaprogramar.com">aprenderaprogramar.com</a></li>
</ul>
</div>
<div id="body">
<form method="post" action="action.html" enctype="multipart/form-data">
Nombre:<input type="text" name="nombre"/><br/>
Apellidos:<input type="text" name="apellidos"/><br/>
Direccion:<input type="text" name="direccion"/><br/>
Correo Electronico:<input type="text" name="correoelectronico"/><br/>
Teléfono:<input type="text" name="telefono"/><br/>
Añadir Imagen:<input name="imagen" type="file">
<br/>
<input type="submit" value="Enviar">
<input type="reset" value="Cancelar">
</form>
</div>
</div>
<br/><br/><br/>
<div id="footer">
Copyright 2006-2072 aprenderaprogramar.com
</div>
</div>
</body>
</html>
« Última modificación: 05 de Marzo 2015, 16:48 por Ogramar »

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2660
    • Ver Perfil
Re:EJERCICICO CU00728B-FORMULARIO DATOS PERSONALES-PORTAL BASICO
« Respuesta #1 en: 05 de Marzo 2015, 16:47 »
Hola aquí tienes mal <div id="page" style="width: 980px;text-align:center;margin:auto;border:2px solid gray;"/>

El cierre debe ser simplemente > , no />

El cierre /> sólo se usa en algunos casos concretos como en input.

Te falta responder:

Citar
Responde a estas preguntas:

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


Salu2

jimmorrison

  • Principiante
  • **
  • APR2.COM
  • Mensajes: 51
  • la programacion es vida
    • Ver Perfil
aqui esta el mio ogramar

Código: [Seleccionar]
<!Doctype html>
<html lang="es">
<head>
<title>aprendiendo a programar</title>
<meta charset=utf8">
<meta name="description" content="portal aprendiendo a programar">
<meta name="keywords" content="aprender programar html portal">
</head>
<body>
<div id="pagina" style="text-align: center;">

<header id="cabecera">
<img src="http://lh5.ggpht.com/_PeVwghrmOec/TMkzEonRrcI/AAAAAAAAAHc/IxL8g0fTYtk/an_oliva_png.png" alt="logo aprendiendo a programar"

title="logo">
Portal (Tutorial básico del programador web: HTML desde cero) - aprenderaprogramar.com
</header>

<div id="wrapper"><!--contenedor-->

<nav id="menu"> <!--inicio del menu -->
<span>Menu</span>
<hr style="color:red; background-color:red; width:50%;" />
<hr color="blue" size=3>

<ul>
<li><a href="#">Portada</a></li>
<li><a href="https://www.aprenderaprogramar.com">aprenderaprogramar.com</a></li>
</ul>
</nav><!--fin del menu nav -->

<section id="seccion"><!--inicio de seccion -->

<div id="formulario">
<form method="get" action="accion.html" enctype="multipart/form-data">
Nombre: <input type="text" name="nombre" /><br />
Apellidos: <input type="text" name="apellidos" /><br />
Dirección: <input type="text" name="direccion" /><br />
Correo electrónico: <input type="text" name="correo" /><br />
Teléfono: <input type="text" name="telefono" /><br />
imagen: <input type="file" name="imagen">
</form>
<br>
</div>
<article>
¿Qué atributo ha de especificarse para el form para poder enviar archivos? <br>
enctype<br>
¿Qué valor ha de darse a dicho atributo? <br>
multipart/form-data<br>
¿Qué método de envío hay que especificar para el form si se envían archivos? <br>
post
</article>
</section]<!--fin de seccion -->

</div><!--fin de contenedor-->
<br><br><br>
<footer id="pie_de_pagina">
Copyright 2006-2072 aprenderaprogramar.com
</footer>

</div>
</body>
</html>

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2660
    • Ver Perfil
Hola jimmorrison, se repite lo comentado :

Tienes un fallo <meta charset=utf8"> ahí te faltan las comillas

Aquí parece que hay otro fallo </section]<!--fin de seccion --> no cierras bien </section>


Sobre las respuestas a las preguntas:

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

enctype

Correcto

¿Qué valor ha de darse a dicho atributo?

multipart/form-data

Correcto

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

post

Correcto

Sobre el código no cumple lo que pide el enunciado, por ejemplo Como título antes del formulario debe figurar con etiquetas h1 el texto <<Inscripción al concurso Jara y Sedal>>

Recomendamos seguir lo que pide el enunciado, así se pueden comparar ejercicios con los realizados por otros compañeros y ver cuáles son las mejores soluciones para hacer lo mismo, recibir opiniones de otras personas, etc. Además no podemos revisar un ejercicio si no sabemos qué es lo que había que hacer.

Salu2

 

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