Autor Tema: Formulario html sencillo o elemental con envío por método get Ejercicio CU00722B (Leído 2622 veces)

Jesu · « **en:** 20 de Mayo 2017, 23:25 »

EJERCICIO CU00722B del curso elemental de programación web con HTML como si estuviera en primero

Crea una página web que contenga un formulario de registro de usuarios que cumpla estas condiciones:

Como título principal de la página debe figurar con etiquetas h1 el texto “Solicitud de alta como usuario”. Debe contener un campo entrada de línea para solicitar el nombre. Debe contener un campo entrada de línea para solicitar los apellidos. Debe contener un campo entrada de línea para solicitar el correo electrónico. Debe contener un campo entrada de línea y tipo password para solicitar la contraseña. Debe contener un campo multilínea para solicitar observaciones. El formulario se debe enviar por el método get a la dirección de destino http://aprenderaprogramar.com

Código: [Seleccionar]

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Formulario 2</title>
  </head>
  <body>
    <h1>Solicitud de alta como usuario</h1>
    <form class="Formulario2" action="https://www.aprenderaprogramar.com" method="get">
      <label for="nombres">Nombres:</label>
      <input type="text" name="nombres" value=""> <br><br>
      <label for="apellidos">Apellidos:</label>
      <input type="text" name="apellidos" value=""> <br><br>
      <label for="correo">Correo electrónico:</label>
      <input type="text" name="correo" value=""> <br><br>
      <label for="contraseña">Contraseña:</label>
      <input type="password" name="contraseña" value=""> <br><br>
      <label for="observaciones">Observaciones:</label> <br>
      <textarea name="observaciones" rows="5" cols="30"></textarea>
      <br><br>
      <input type="submit" name="" value="Enviar">
    </form>

  </body>
</html>

Ogramar · « **Respuesta #1 en:** 16 de Junio 2017, 19:59 »

Buenas Jesu, todo bien, solo comentarte que las etiquetas que no tienen cierre específico recomendamos cerrarlas con un /> para cumplir el estándar xhtml

Por ejemplo en lugar de <meta charset="utf-8"> sería <meta charset="utf-8"/> y en lugar de <input type="text" name="apellidos" value=""> sería <input type="text" name="apellidos" value=""/> y así con todos los casos similares

Salu2

EnigmaticNerd · « **Respuesta #2 en:** 09 de Agosto 2017, 07:47 »

Buenas noches. Una duda: ¿No son necesarios los id en los controles de línea de texto para que estén relacionados con los labels?

Ogramar · « **Respuesta #3 en:** 09 de Agosto 2017, 17:32 »

Buenas EnigmaticNerd, efectivamente el uso de for en un label tiene por finalidad asociarlo al id de un elemento de un formulario, por ejemplo

Código: [Seleccionar]

<!-- Un simple ejemplo de un label con el atributo for -->
<label for="Name">Click me</label>
<input type="text" id="Name" name="Name" />

<!-- Aun mas simple -->
<label>Click me <input type="text" id="Name" name="Name" /></label>

No obstante el navegador no te obliga a hacer las cosas así. El navegador muchas veces es capaz de mostrar contenidos estén las cosas hechas de una forma o de otra (incluso a veces estando mal hechas).

Para este ejercicio esa no es una cuestión que resulte relevante, por lo que no hay por qué prestarle atención a eso ahora.

Si sigues el curso de CSS, verás que los id pueden tener gran importancia en determinadas situaciones.

Salu2

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

Noticias:

Autor Tema: Formulario html sencillo o elemental con envío por método get Ejercicio CU00722B (Leído 2622 veces)

Jesu

Formulario html sencillo o elemental con envío por método get Ejercicio CU00722B

Ogramar

Re:Formulario html sencillo elemental envío por método get Ejercicio CU00722B

EnigmaticNerd

Re:Formulario html sencillo con envío por método get Ejercicio CU00722B

Ogramar

Re:Formulario html sencillo o elemental con envío por método get Ejercicio CU00722B

Preguntas y respuestas