Voltar para HTML & CSS

Formulários

Crie formulários para coletar dados do usuário

Formulários são a principal forma de coletar informações dos usuários em um site. Eles contêm campos de entrada, botões e outros controles interativos.

html
<form action="/enviar" method="POST">
  <!-- Campo de texto -->
  <label for="nome">Nome:</label>
  <input type="text" id="nome" name="nome" 
         placeholder="Seu nome" required>

  <!-- Email -->
  <label for="email">Email:</label>
  <input type="email" id="email" name="email">

  <!-- Senha -->
  <label for="senha">Senha:</label>
  <input type="password" id="senha" name="senha">

  <!-- Seleção -->
  <label for="curso">Curso:</label>
  <select id="curso" name="curso">
    <option value="python">Python</option>
    <option value="js">JavaScript</option>
    <option value="html">HTML/CSS</option>
  </select>

  <!-- Área de texto -->
  <textarea name="mensagem" rows="4"
            placeholder="Sua mensagem"></textarea>

  <!-- Botão de envio -->
  <button type="submit">Enviar</button>
</form>

O atributo 'required' torna um campo obrigatório — o formulário não envia sem preenchê-lo!