Exemplo
Um formulário HTML com dois campos de entrada e um botão de envio:
<form
action="demo_form.asp"
method="get">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
Tente você mesmo " Mais "Tente você mesmo" exemplos abaixo.
Definição e Uso
O <form> tag é usada para criar um formulário HTML para entrada do usuário.
O <form> elemento pode conter um ou mais dos seguintes elementos de formulário:
Suporte a navegadores
| Elemento | |||||
|---|---|---|---|---|---|
| <form> | sim | sim | sim | sim | sim |
Diferenças entre HTML 4.01 e HTML5
HTML5 acrescentou dois novos atributos: autocomplete e novalidate , e removed a accept atributo.
Diferenças entre HTML e XHTML
Em XHTML, o name atributo é preterido. Use o atributo global id vez.
Atributos
= Novo em HTML5.
| Atributo | Valor | Descrição |
|---|---|---|
| accept | file_type | Não suportado em HTML5. Especifica uma lista separada por vírgulas dos tipos de arquivo que o servidor aceita (que pode ser enviado por meio do upload de arquivo) |
| accept-charset | character_set | Especifica a codificação de caracteres que estão a ser utilizados para o envio do formulário |
| action | URL | Especifica para onde enviar o formulário de dados quando um formulário é enviado |
| autocomplete | on off | Especifica se uma forma deve ter autocomplete ligado ou desligado |
| enctype | application/x-www-form-urlencoded multipart/form-data text/plain | Especifica como o formulário de dados deverão ser codificadas quando enviá-lo para o servidor (apenas para method="post" ) |
| method | get post | Especifica o método HTTP para usar quando enviar form-data |
| name | text | Especifica o nome de um formulário |
| novalidate | novalidate | Especifica que o formulário não deve ser validado quando submetido |
| target | _blank _self _parent _top | Especifica onde exibir a resposta que é recebido após enviar o formulário |
Atributos globais
O <form> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <form> tag também suporta o evento Atributos em HTML .
Tente você mesmo - Exemplos
Formulário com caixas de seleção
Um formulário com duas caixas de verificação, e um botão de envio.
Formulário com radiobuttons
Um formulário com dois botões de rádio, e um botão de envio.
Páginas relacionadas
HTML tutorial: formulários HTML e Input
Referência HTML DOM: Objeto Form
CSS Tutorial: Estilo Forms
Configurações CSS padrão
A maioria dos navegadores irá exibir o <form> elemento com os seguintes valores padrão: