Formularios

Los formularios son una herramienta clave para recopilar la entrada del usuario y enviarla a un servidor para su procesamiento. Están compuestos por diferentes elementos de formulario que permiten a los usuarios ingresar datos. Sin embargo, en este curso, no enviaremos ningún dato a un servidor ya que requiere conocimientos adicionales más allá 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 del Formulario

HTML proporciona varios tipos de entrada para recopilar la entrada del usuario. Cada uno tiene atributos y comportamientos específicos. Además, podemos especificar la etiqueta para cada entrada. Las etiquetas se utilizan para asociar texto con elementos de entrada del formulario, proporcionando una experiencia más accesible y amigable para el usuario. Discutiremos etiquetas y 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 formularios 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í está el ejemplo básico de formulario.

Tutorial en Video