Carregando...

Atributos de formulário HTML

A tag form aceita atributos de envio. Domine action e method.

Resposta direta

  • action — URL
  • method — get/post
  • autocomplete — on/off
  • novalidate — pular field checks HTML integrados (cuidado)

📊 Atributos comuns do form

Attribute Role
action URL de destino
method get ou post
autocomplete Dica de autofill
novalidate Desativar field checks HTML integrados naquele envio
name / id Identificar o form

Form attributes in practice

html
HTML Code 
<form
id="contact"
action="/contact"
method="post"
autocomplete="on">
<label for="name">Name</label>
<input id="name" name="name" type="text">
<button type="submit">Send</button>
</form>

Experimente

  1. get e query
  2. post
  3. autocomplete off
  4. novalidate demos

Erros comuns

  • action vazio
  • senhas com get
  • novalidate prod

Resumo

  • action + method
  • post dados privados
  • autocomplete/novalidate
  • name scripts

🧠 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

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