Html <form> Atributos da tag | Explicado

Carl Hintz DDS

Quando visitamos um site, uma das coisas mais frequentemente observadas em todos os sites são "formas", como formulários de inscrição, formulários de inscrição, formulários de entrada de dados, etc. E para esse fim, o HTML fornece um tag para coletar os dados/informações do usuário. O A própria tag não pode enviar os dados para qualquer lugar, para processar os dados do formulário, podemos usar diferentes atributos, como Ação, método, etc.

Este artigo fornecerá uma diretriz completa para criar um formulário e, a esse respeito, precisamos entender o conceito dos seguintes atributos do formulário:

Como usar Ação atributo em html
Como usar método atributo em html
Como usar alvo atributo em html
Como usar autocompletar atributo em html

Como usar o atributo de ação em formulários HTML

Ele determina qual ação será executada no envio do formulário i.e. Ele especifica um URL ao qual os dados do formulário serão enviados. O exemplo abaixo do rumo permitirá que você entenda como o Ação Trabalhos de atributo

Exemplo

No código abaixo, criamos um arquivo HTML chamado Formsattribute.html

Dentro da tag, especificamos o Ação atributo.
O atributo de ação mantém o endereço de outro arquivo HTML chamado “FormsResult.html ”
Criamos dois campos para nome e senha.
Em seguida, criamos um botão chamado "Envie" no "Formsattribute.arquivo html ”.
Clicar no botão Enviar nos desvia para o “formst.arquivo html ”

formsattribute.html

des.html

Os dados de formulários enviados do formsattribute.O arquivo HTML será exibido nos formulários.Arquivo HTML:

Volte para Formattributes.arquivo html

A execução bem -sucedida do código mostra o seguinte resultado:

Observe o URL do arquivo, clicando no botão Enviar enviará os dados escritos nos campos de texto para os formulários.arquivo html e mostra o seguinte resultado:

Observe a diferença entre os dois URLs:

Quando clicamos no botão "Enviar", ele nos leva aos "formulários.arquivo html ”.
Exibindo o conteúdo do “formsattribute.O arquivo html ”verifica se o atributo de ação está funcionando corretamente.

Como usar o atributo do método em formulários HTML

Ele determina como os dados do formulário serão enviados e, para esse fim, utiliza o método get ou o método de postagem.

Obter método

Ele anexa os dados do formulário no URL e utiliza o ponto de interrogação para separar os diferentes parâmetros. Se não mencionarmos o atributo do método na tag de formulário, por padrão, ele definirá o Pegar método.

Exemplo

Como mostrado no exemplo anterior, não mencionamos nenhum método, portanto, por padrão, ele envia os dados usando o pegar método. O trecho abaixo do dado vai explicar como usar o pegar método:

formsattribute.Html

Snippet acima exibe a seguinte saída:

Especificamos "nome do aluno" e "senha" como "Joe" e "Joe@123", respectivamente e, como resultado, obtemos a seguinte saída:

O URL elabora os seguintes pontos:

Você está nos formulários.arquivo html
Nome e senha são anexados no URL que verifica que o método obtém é usado.

Método de postagem

Ele envia os dados para o servidor separadamente i.e. Ele anexa os dados no corpo da solicitação do HTTP em vez do URL. É útil quando temos que armazenar dados confidenciais no servidor.

Exemplo

A seguinte parte do código ajudará você a entender como usar o publicar método:

Os formulários.O arquivo html ”permanecerá o mesmo, a única diferença estará no atributo de formulários i.e. Vamos usar o publicar método:

formsattributes.html

Dessa forma, os dados serão postados e não aparecerão no URL.

Como usar o atributo de destino em formulários HTML

Ele especifica a janela/guia direcionada para exibir o resultado i.e. Ele determina o resultado será exibido na guia atual ou nova guia. Pode levar Self, _parent, _top e _blank valor. O _em branco mostrará o resultado na nova guia.

Exemplo Neste exemplo, usaremos o _em branco valor para o alvo atributo para exibir o resultado na nova guia:

A seguir, será a saída para o código acima:

Clicar no botão Enviar mostrará o resultado em uma nova guia:

Como usar o atributo de preenchimento automático em formulários HTML

Como o próprio nome sugere, o atributo de preenchimento automático determina se os valores devem ser concluídos automaticamente ou não. Por exemplo, o “AutoComplete = ON”Determina que qualquer coisa que um usuário digite será lembrada para uso futuro.

Exemplo Vamos considerar o código abaixo para entender como usar o atributo AutoComplete:

O código acima define o valor do preenchimento automático e produz a seguinte saída:

Depois de preencher os respectivos campos e enviar os dados e atualizar a página, você pode verificar se o preenchimento automático mostra os dados inseridos como sugestão.

A saída verifica que o atributo de preenchimento automático está funcionando adequadamente.

Conclusão

Os atributos do HTML determinam como processar os dados do formulário i.e. o Ação atributo determina a ação a ser executada no envio de formulário, o método atributo determina como enviar os dados do formulário i.e. O método GET será anexado no método URL ou post será anexado no corpo da solicitação do HTTP. Além disso, o atributo de destino especifica a guia/janela direcionada, e o atributo de preenchimento automático determina se os dados já inseridos devem ser lembrados para uso posterior ou não.

Wireshark

Entendendo o DHCP usando o Wireshark

Tutorial sobre algumas trocas básicas de quadros sobre o protocolo DHCP e seus campos importantes no...

Tommie Konopelski

C ++

Como usar expressões booleanas em C ++

Uma expressão booleana é uma combinação de operadores com um operando e é usada para comparar dois v...

Marlon Bernhard

Sqlite

O que são sqlite e sqlite3? Eles são os mesmos?

O SQLite é uma biblioteca de banco de dados e o SQLITE3 é a interface da linha de comando necessária...

Shaun Bogan