Autor Tema: enctype multipart/form-data HTML. Seleccionar archivo en formularios CU00725B (Leído 1668 veces)

LuisM · « **en:** 20 de Octubre 2017, 22:25 »

Hola a todos !!, paso a dejar el código HTML del ejercicio de la clase CU00725B del tutorial de programación web HTML. Desde ya muchas gracias por su atención. Un saludo, Luis

EJERCICIO

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.

Código: [Seleccionar]

<!DOCTYPE html>
<html>
<head>
<title>Inscripción</title>
</head>
<body>
<h1>Inscripción al concurso Jara y Sedal</h1>
<form method="post" action="accion.php" enctype="multipart/form-data">
<label for="nom">Nombre :</label>
<input type="text" name="nombre" id="nom" />
</br></br>
<label for="ape">Apellidos :</label>
<input type="text" name="apellidos" id="ape" />
</br></br>
<label for="dir">Dirección :</label>
<input type="text" name="direccion" id="dir" />
</br></br>
<label for="fot">Seleccione la imagen a enviar </label>
<input type="file" name="imagen" id="fot" />
</br></br>
<input type="submit" value="¡¡¡Me apunto!!!">
<input type="reset" value="Cancelar">
</form>
</body>
</html>

paramonso · « **Respuesta #1 en:** 21 de Octubre 2017, 13:07 »

Hola LuisM.

Bien resuelto el ejercicio.

Saludos

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: