Carregando...

Atributo form no input HTML

Controles ficam em <form>. Às vezes o layout coloca campo fora. form associa pelo id.

Resposta direta

Dê id ao form; no input form="that-id". No envio, o dado vai com o form. formaction no submit pode mudar action só daquele botão.

Input outside its form

html
HTML Code 
<form id="signup" action="/signup" method="post">
<label for="user">Username</label>
<input id="user" name="user" type="text">
<button type="submit">Create</button>
</form>

<p>Extra field placed later in the layout:</p>
<label for="promo">Promo</label>
<input id="promo" name="promo" type="text" form="signup">

Experimente

  1. form com id
  2. input após fechar form
  3. form no id
  4. confirme o modelo

Erros comuns

  • typo no id
  • form não substitui name
  • campos soltos demais

Resumo

  • form="id" associa
  • layout especial
  • name + label
  • aninhe se mais claro

🧠 Teste Seu Conhecimento

Pronto para Começar

Teste Seu Conhecimento

Desafie-se com este questionário interativo e veja o quão bem você entende o tópico

❓
4
Perguntas
🎯
70%
Para Passar
♾️
∞
Tempo
🔄
∞
Tentativas

📝 Instruções

  • Leia cada pergunta cuidadosamente
  • Selecione a melhor resposta para cada pergunta
  • Você pode refazer o quiz quantas vezes quiser
  • Seu progresso será mostrado no topo
Tópico 1 de 1
Html Tutorial