Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: borri_10 en 05 de Marzo 2015, 15:53

Título: Ejercicio CU00728B tutorial HTML formulario para enviar un archivo de imagen
Publicado por: borri_10 en 05 de Marzo 2015, 15:53
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>
Título: Re:EJERCICICO CU00728B-FORMULARIO DATOS PERSONALES-PORTAL BASICO
Publicado por: Ogramar 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
Título: Re:Ejercicio CU00728B tutorial HTML formulario para enviar un archivo de imagen
Publicado por: jimmorrison en 17 de Abril 2015, 02:08
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>
Título: Re:Ejercicio CU00728B tutorial HTML formulario para enviar un archivo de imagen
Publicado por: Ogramar en 17 de Abril 2015, 09:25
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