Formularios

Los formularios son una herramienta clave para recopilar datos de los usuarios y enviarlos a un servidor para su procesamiento. Están compuestos por diferentes elementos de formulario que permiten a los usuarios ingresar información. Sin embargo, en este curso, no enviaremos ningún dato a un servidor ya que esto requiere conocimientos adicionales fuera del alcance de este curso.

Todos los ejemplos en el código tienen el atributo onsubmit="return false". Este atributo evita que el formulario envíe una solicitud al servidor por defecto.

Creación de formularios

Utilizar la etiqueta <form> para crear un formulario interactivo.

<form>
  <!-- Form elements go here -->
</form>

Elementos de formulario

Los formularios contienen etiquetas y varios tipos de entrada (texto, contraseña, correo electrónico, etc.). Las etiquetas vinculan el texto con los campos de entrada y mejoran la accesibilidad. Aprenderás más sobre las etiquetas y los tipos de entrada en los próximos capítulos.

<form>
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" placeholder="Your username" />
  <label for="password">Password:</label>
  <input type="password" id="password" name="password" placeholder="********" />
</form>

Envío de formularios

Un formulario se envía utilizando un botón con type="submit".

<form>
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" placeholder="Your username" />
  <label for="password">Password:</label>
  <input type="password" id="password" name="password" placeholder="********" />
  <button type="submit">Submit</button>
</form>

Aquí tienes el ejemplo básico de un formulario.