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

La etiqueta <form> se utiliza para crear un formulario interactivo en una página web. Contiene varios elementos de formulario para la entrada del usuario.
Ejemplo:

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

Elementos de formulario

HTML proporciona varios tipos de entrada para recopilar información del usuario. Cada uno tiene atributos y comportamientos específicos. Además, se puede especificar la etiqueta para cada entrada. Las etiquetas se utilizan para asociar texto con los elementos de entrada del formulario, proporcionando una experiencia más accesible y fácil de usar. Se discutirán las etiquetas y las entradas en profundidad en los siguientes capítulos.
Ejemplo:

<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

El envío de un formulario se activa mediante un botón de envío (<button type="submit">), que puede enviar los datos del formulario al servidor para su procesamiento.
Ejemplo:

<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 un ejemplo básico de formulario.

Tutorial en video