Autor Tema: Crear un formulario básico en HTML Tutorial programación web desde cero CU00725B (Leído 3201 veces)

3skai · « **en:** 17 de Abril 2016, 02:35 »

Hola! Buen día! Tenía tiempo sin postear algo, había estado desconectado por motivos personales, pero bueno lo importante es seguir!.

Enunciado Del Ejercicio De La Clase:

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

Ejercicio Resuelto:

Código: [Seleccionar]

<!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
  <h1>Inscripción al concurso Jara y Sedal</h1>
    <form method="post" action="accion.php" enctype="multipart/form-data">
        <br />
        <label for="nombre"> Ingresa Tu Nombre: </label>
        <input type="text" name="nombre" id="nombre">
        <br />
        <label for="apellido"> Ingresa Tu Apellido: </label>
        <input type="text" name="apellido" id="apellido">
        <br />
        <label for="direccion"> Ingresa Tu Dirección: </label>
        <input type="text" name="direccion" id="direccion">
        <br />
        <label for="archivo"> Fotografía: </label>
        <input type="file" name="imagen" />
        <br />
        <input type="submit" value="Me Apunto!!">
        <br />
        <input type="reset" value="Cancelar!">
    </form>
  </body>
</html>

Gracias!

Alex Rodríguez · « **Respuesta #1 en:** 21 de Abril 2016, 11:54 »

Hola 3skai, cuando pongas un ejercicio o una consulta relacionada con una entrega de un curso escribe por favor en el título del tema el código de la entrega, por ejemplo en este caso CU00725B

Con ese código resulta fácil localizar la entrega tanto en el índice del curso como en el buscador de los foros.

El ejercicio está bien resuelto, te indico únicamente: cuando escribas código es preferible hacer todos los cierres /> en las etiquetas que lo precisen (o dejarlos todos sin cierre) pero no poner algunos con cierre y otros sin cierre.

Ejemplo

<input type="file" name="imagen" /> has puesto el cierre (nosotros recomendamos ponerlo)

<input type="text" name="nombre" id="nombre"> no has puesto el cierre

Saludos

3skai · « **Respuesta #2 en:** 25 de Abril 2016, 21:20 »

Hola! Alex buen día espero te encuentres bien, si claro. Esta bien tengo que cerrar todas las etiquetas; con respecto al código de la entrega esta escrito arriba en el titulo yo siempre los agrego por eso mismo para que sea facil de localizar por el codigo! Muchas gracias!

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

Noticias: