Formulários

Formulários são ferramentas essenciais para coletar dados dos usuários e enviá-los a um servidor para processamento. Eles são compostos por diferentes elementos de formulário que permitem a entrada de dados pelos usuários. No entanto, neste curso, não enviaremos nenhum dado para um servidor, pois isso exige conhecimentos adicionais que estão fora do escopo deste curso.

Todos os exemplos no código possuem o atributo onsubmit="return false". Esse atributo impede que o formulário envie uma requisição ao servidor por padrão.

Criando Formulários

A tag <form> é utilizada para criar um formulário interativo em uma página web. Ela contém diversos elementos de formulário para entrada de dados do usuário.
Exemplo:

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

Elementos de Formulário

O HTML oferece vários tipos de entrada para coletar dados do usuário. Cada um possui atributos e comportamentos específicos. Também é possível especificar o rótulo para cada campo de entrada. Os rótulos são usados para associar texto aos elementos de entrada do formulário, proporcionando uma experiência mais acessível e amigável ao usuário. Rótulos e campos de entrada serão abordados em detalhes nos próximos capítulos.
Exemplo:

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

Envio de Formulário

O envio do formulário é realizado por meio de um botão de envio (<button type="submit">), que pode enviar os dados do formulário para o servidor para processamento.
Exemplo:

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

Aqui está um exemplo básico de formulário.

Tutorial em Vídeo