Índice
Configurando a codificação de dadosSabemos que os formulários enviam os dados que coletam do usuário para uma nova página ou para ele mesmo, por meio do protocolo http usando qualquer um dos métodos, como OBTER ou PUBLICAR. Existem várias maneiras de codificar os dados para enviá-los por meio http, os tipos de codificação possíveis são os seguintes:
- application / x-www-form-urlencoded: Este é o método padrão usado, ele não pode ser usado para fazer upload de arquivos para o servidor.
- multipart / form-data: Este método é usado para fazer upload de arquivos para o servidor.
- texto / simples: Este método depende do navegador, cada um o trata de maneira diferente.
Para ver um pouco mais a diferença entre os métodos, devemos criar um formulário com pelo menos dois campos para que possamos ver os diferentes comportamentos.
Vamos ver o formulário para criar:
Exemplo de envio de voto
Codificação application / x-www-form-urlencoded é o que é aplicado por padrão, esta é uma codificação de uso geral é usada para tudo, exceto para o processamento de uploads de arquivos, sua particularidade reside no fato de usar o formato de URL para passar os parâmetros, de modo que nosso formulário quando submetido, enviaria o próximo em formação:
fave = Maçãs & nome = Leon + Ramirez
Vemos que os valores inseridos pelo usuário são atribuídos aos nomes dos nossos campos, os caracteres especiais serão substituídos por um equivalente na entidade HTML e vemos que cada par de valores é separado por um & desta forma, sabemos qual é o próximo campo.
Codificação multipart / form-data É muito mais complexo e lida com muito mais elementos, isso porque é o que se usa para fazer upload de arquivos, então ele precisa enviar as informações de um arquivo como uma imagem, e para isso tem esta estrutura:
------ WebKitFormBoundary2qgCsuH4ohZ5eObF Content-Disposition: form-data; name = "fave" Apple ------ WebKitFormBoundary2qgCsuH4ohZ5eObF Content-Disposition: form-data; name = "name" Leon Ramirez ------ WebKitFormBoundary2qgCsuH4ohZ5eObF-- fave = Apple name = Leon Ramirez
Codificação texto / simplesEle é tratado por cada navegador de maneira diferente e não é amplamente utilizado, a menos que seja um aplicativo específico em um ambiente controlado.
Atributo de preenchimento automático
Este atributo é útil para muitas pessoas que não gostam de inserir os dados mais repetidos em um formulário, como nome e sobrenome ou e-mail, no entanto, existem aplicativos muito mais delicados, como internet banking onde precisamos do máximo de privacidade na introdução de nossos dados.
Para controlar isso, lidamos com o atributo autocompletar, isso pode ir no nível do formulário ou no nível de entrada, e tem dois valores em Y desligado, ou seja, ligado ou desligado, como você já deve ter deduzido quando está ligado em permite que o navegador sugira dados que o usuário inseriu anteriormente em formulários semelhantes ou no mesmo formulário que ele está visualizando, e quando ele está em desligado não oferece sugestões. Vejamos sua aplicação com dois exemplos muito simples.
Exemplo de envio de voto
Exemplo de envio de voto
Em nosso primeiro exemplo, vemos como o tiramos de todo o formulário, e no segundo exemplo, vemos como o tiramos de todo o formulário também, apenas em nosso primeiro entrada se o ativamos, também podemos fazer o oposto e ativá-lo para todo o formulário e desativar um determinado campo.
Com isso concluímos este tutorial, tendo o conhecimento de complicar um pouco mais os formulários, além de saber como funcionam internamente para o envio de dados.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo
