« anterior próximo »
Páginas: [1]

Autor Tema: enctype multipart/form-data HTML formularios enviar archivos Ejercicio CU00725B  (Leído 4429 veces)

Dan_SB

  • Avanzado
  • ****
  • Mensajes: 273
  • *<DanielsCK>*
    • Ver Perfil
enctype multipart/form-data HTML formularios enviar archivos Ejercicio CU00725B
« en: 21 de Mayo 2015, 03:44 »
Buenas noches!

Vengo aquí a resolver el ejercicio °25 del curso "html desde 0" con el siguiente enunciado:

Citar
Crea una página web que contenga un formulario que cumpla estas condiciones.

Como título antes del formulario debe figurar con etiquetas h1 el texto <<Inscripción al concurso Jara y Sedal>>. Debe contener:

a) Nombre
b) Apellidos
c) Dirección
d) Fotografía (aquí se debe dar opción a elegir un archivo de imagen que será la fotografía)
e) Un botón submit para enviar que muestre el texto <<¡¡¡Me apunto!!!>> y un botón reset para restablecer que muestre el texto <<Cancelar>>.

Ten en cuenta que para el envío de archivos tienes que establecer correctamente los atributos del formulario: method y enctype.

Aquí el código:
Código: [Seleccionar]
<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"><title>Concurso jara y sedal</title></head>
<body style="color: red; background-color: Lavender;">
<h1 style="color: red; text-align: center;">Inscripción al concurso Jara y Sedal</h1>
<form method="post" enctype="multipart/form-data">
Nombre <input name="nombre" id="nombre" type="text"/>
<br></br>
Apellido <input name="apellido" id="apellido" type="text"/>
<br></br>
Dirección <input name="direccion" id="direccion" type="text"/>
<br></br>
Fotografía <input name="fotografia" type="file"/>
<br></br>
<button type="submit">¡Me Apunto!</button> <button type="reset">Cancelar</button>
</form>
</body>
</html>
Así se ve! :
« Última modificación: 22 de Mayo 2015, 09:05 por Alex Rodríguez »
En línea
"Luchar por tus sueños y cumplirlos... eso es vivir.."

Dan_SB

  • Avanzado
  • ****
  • Mensajes: 273
  • *<DanielsCK>*
    • Ver Perfil
Re:Ejercicio (CU00725B), enctype multipart/form-data HTML.
« Respuesta #1 en: 21 de Mayo 2015, 13:31 »
Añadiéndole el action que olvide...

Código: [Seleccionar]
<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"><title>Concurso jara y sedal</title></head>
<body style="color: red; background-color: Lavender;">
<h1 style="color: red; text-align: center;">Inscripción al concurso Jara y Sedal</h1>
<form method="post" enctype="multipart/form-data" action="http://aprenderaprogramar.com">
Nombre <input name="nombre" id="nombre" type="text"/>
<br></br>
Apellido <input name="apellido" id="apellido" type="text"/>
<br></br>
Dirección <input name="direccion" id="direccion" type="text"/>
<br></br>
Fotografía <input name="fotografia" type="file"/>
<br></br>
<button type="submit">¡Me Apunto!</button> <button type="reset">Cancelar</button>
</form>
</body>
</html>
Ahora si creo que ya no tiene errores..!
En línea
"Luchar por tus sueños y cumplirlos... eso es vivir.."

Alex Rodríguez

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2052
    • Ver Perfil
Re:enctype multipart/form-data HTML formularios enviar archivos Ejercicio CU00725B
« Respuesta #2 en: 22 de Mayo 2015, 09:07 »
Hola Dan lo veo todo bien  :D
En línea
Páginas: [1]
« anterior próximo »
 

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