Formulários

Formulários são uma ferramenta chave para coletar a entrada do usuário e enviá-la para um servidor para processamento. Eles são compostos por diferentes elementos de formulário que permitem aos usuários inserir dados. No entanto, neste curso, não enviaremos nenhum dado para um servidor, pois isso requer conhecimento adicional além do escopo deste curso.

Todos os exemplos no código têm o atributo onsubmit="return false". Este atributo impede que o formulário envie uma solicitação para o servidor por padrão.

Criando Formulários

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

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

Elementos de Formulário

O HTML fornece vários tipos de entrada para coletar dados do usuário. Cada um tem atributos e comportamentos específicos. Além disso, podemos especificar o rótulo para cada entrada. 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. Discutiremos rótulos e entradas 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 de formulário é acionado por 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á o exemplo básico de formulário.

Tutorial em Vídeo