·
Análise de Sistemas ·
Linguagens de Programação
Envie sua pergunta para a IA e receba a resposta na hora
Recomendado para você
2
Aula 9: Cookies e Sessões em PHP
Linguagens de Programação
IFRS
9
Adicionando Listas em Documentos HTML
Linguagens de Programação
IFRS
8
Aula 14: Orientação a Objetos em PHP
Linguagens de Programação
IFRS
3
Aula 10: Manipulação de Arquivos em PHP
Linguagens de Programação
IFRS
10
Estrutura Mínima de Tabelas em HTML
Linguagens de Programação
IFRS
6
Orientação a Objetos em PHP - Parte 2
Linguagens de Programação
IFRS
6
Formulários em HTML: Estrutura e Métodos de Envio
Linguagens de Programação
IFRS
2
Aula 8 - Formulários Parte 2: Envio de E-mail e Upload de Arquivos
Linguagens de Programação
IFRS
Texto de pré-visualização
081123 0939 Aula 7 Formulários webacademicocanoasifrsedubrrcpintoIFRSphpaula7aula7formulariosphp 13 Linguagem de Programação IV PHP Aula 7 Formulários Índice Introdução Métodos de Envio Processando os Dados Arquivo de Destino Outros Tipos de Campos Introdução Recapitulando formulários HTML basta clicar nos formulários para ver os códigos fonte Nome Idade Enviar Experimente preencher os campos acima e clicar em Enviar Note que a página será recarregada com uma URL modificada a barra de endereços passa a incluir o valor de cada campo preenchido aula7formulariosphpnomeidade Nesse caso existem 2 informações importantes para compreender a página de destino do envio do formulário e o método de envio das informações A página de envio nesse caso foi a própria página do formulário a aula7formulariosphp Isto ocorre pois não informamos uma página de destino explicitamente Veremos como fazer isto a seguir A outra questão a do método de envio é que os dados foram enviados pela URL estão todos acrescentados ao caminho da página após a Este é o chamado método GET e é o que é usado por padrão quando não informamos um método explicitamente Métodos de Envio Método GET O método GET como vimos acima transfere as informações do formulário para a página de destino através da própria URL É colocada uma após o endereço da página e cada campo é informado com seu respectivo valor Cada campo e valor é separado por um Este é o método padrão mas se quisermos especificálo explicitamente devemos usar o atributo method com o valor GET na tag form como no exemplo abaixo veja o fonte Nome Idade Enviar Vantagens permite que informações sejam passadas não somente por formulários mas também por links Podemos montar um link contendo valores a serem transferidos como é comum por exemplo em uma loja online onde clicamos em um produto e somos encaminhados para a página do produto Note que existe apenas 1 arquivo possivelmente php responsável por exibir as informações dos produtos mas são acrescentados parâmetros após a para identificar qual o item específico estamos visualizando Este link é um exemplo Isto também é muito útil para testarmos uma página pois podemos editar os valores de entrada diretamente na URL Desvantagens há um limite de dados que podem ser enviados desta maneira com um limite de aproximadamente 2000 caracteres Além disso o endereço da página pode ficar bem poluído A recomendação da W3 é que o método GET seja usado quando nenhuma informação será alterada no servidor por exemplo em casos somente para leitura como buscar as informações de um produto e mostrar na tela Método POST O método POST transfere os dados no cabeçalho http algo que é invisível ao usuário do navegador Para usar este método devemos informar o valor POST no atributo method da tag form como vemos abaixo verifique o fonte Nome Idade Enviar Experimente submeter este formulário e observe que nenhuma informação adicional aparece na URL como ocorria com o método GET Se já havia alguma informação na URL devido ao uso de um formulário GET anteriormente ela continuará aparecendo Experimente remover essa informação extra antes de submeter o formulário POST apague tudo a partir da Vantagens permite o envio de muito mais informações via formulário e até mesmo o envio de arquivos upload Desvantagens Não podemos enviar dados via POST diretamente em um link como fizemos no GET 081123 0939 Aula 7 Formulários webacademicocanoasifrsedubrrcpintoIFRSphpaula7aula7formulariosphp 23 A recomendação da W3C é que o método POST seja usando quando alguma informação será modificada no servidor por exemplo quando cadastramos um usuário ou fazemos uma compra É por isso que ao usar POST o navegador dá um aviso se tentarmos recarregar a página após uma submissão pois corremos o risco de fazer cadastros e compras duplicados ou coisas do gênero Processando os Dados Até aqui conseguimos enviar dados via formulário mas não há nada sendo feito com esses dados É possível acessar as informações enviadas com o PHP usando a variável global predefinida REQUEST que é um array contendo todos os campos passados via formulário Preencha e envie novamente um dos formulários acima e observe aqui abaixo o resultado Olá Sua idade é O código PHP usado para produzir este resultado é muito simples php echo Olá REQUESTnome Sua idade é REQUESTidade Perceba que nome e idade são chaves índices do array REQUEST e são preenchidos automaticamente com os valores enviados via formulário Inclusive é possível visualizar a estrutura completa deste array usando o comando printrREQUEST veja o resultado Array A variável REQUEST guarda toda informação enviada via formulários por qualquer método além de outras informações como cookies e arquivos Para ler apenas informações enviadas por um método ou pelo outro podemos usar as variáveis GET contém apenas dados enviados via método GET ou POST apenas dados enviados via método POST Abaixo você verá um texto diferente dependendo do formulário que foi submetido acima O método usado foi o GET Olá Sua idade é Código php if SERVERREQUESTMETHOD GET echo O método usado foi o GET Olá GETnome Sua idade é GETidade if SERVERREQUESTMETHOD POST echo O método usado foi o POST Olá POSTnome Sua idade é POSTidade A variável global predefinida SERVERREQUESTMETHOD contém o método usado na submissão do formulário SERVER é um array com muitas outras informações úteis Arquivo de Destino Em todos os exemplos anteriores a página de destino do formulário era a própria página de envio esta aqui Em outras palavras ao clicar no botão Enviar acabamos na mesma página a aula7formulariosphp apenas passando informações diferentes via formulário Para melhor organização do código o ideal é que tudo seja feito em páginas diferentes uma página com o formulário de envio e outra com o código para processar as informações Para isto devemos definir o atributo action da tag form com o nome da página de destino veja o código fonte Submeta o formulário abaixo para enviar os dados a outra página Nome Idade Enviar Outros Tipos de Campos O HTML possui diversos outros tipos de campos que podem ser usados em formulários além de simples campos de texto Veja a seguir um formulário com os tipos mais comuns Nome Sexo Masculino Feminino Turno Manhã Tarde Noite UF RS Obs Enviar 081123 0939 Aula 7 Formulários webacademicocanoasifrsedubrrcpintoIFRSphpaula7aula7formulariosphp 33 Após estudar o código fonte do formulário acima preenchao e clique em Enviar para ver os dados abaixo através de um printr Array Ainda existe o campo do tipo file para upload de arquivos que será visto em outra aula Além dos campos mostrados acima o HTML5 evolução do HTML introduziu diversos novos tipos de campos que ainda não são 100 suportados por todos os navegadores e fogem do escopo desta disciplina Mais informações aqui Exercícios no Moodle
Envie sua pergunta para a IA e receba a resposta na hora
Recomendado para você
2
Aula 9: Cookies e Sessões em PHP
Linguagens de Programação
IFRS
9
Adicionando Listas em Documentos HTML
Linguagens de Programação
IFRS
8
Aula 14: Orientação a Objetos em PHP
Linguagens de Programação
IFRS
3
Aula 10: Manipulação de Arquivos em PHP
Linguagens de Programação
IFRS
10
Estrutura Mínima de Tabelas em HTML
Linguagens de Programação
IFRS
6
Orientação a Objetos em PHP - Parte 2
Linguagens de Programação
IFRS
6
Formulários em HTML: Estrutura e Métodos de Envio
Linguagens de Programação
IFRS
2
Aula 8 - Formulários Parte 2: Envio de E-mail e Upload de Arquivos
Linguagens de Programação
IFRS
Texto de pré-visualização
081123 0939 Aula 7 Formulários webacademicocanoasifrsedubrrcpintoIFRSphpaula7aula7formulariosphp 13 Linguagem de Programação IV PHP Aula 7 Formulários Índice Introdução Métodos de Envio Processando os Dados Arquivo de Destino Outros Tipos de Campos Introdução Recapitulando formulários HTML basta clicar nos formulários para ver os códigos fonte Nome Idade Enviar Experimente preencher os campos acima e clicar em Enviar Note que a página será recarregada com uma URL modificada a barra de endereços passa a incluir o valor de cada campo preenchido aula7formulariosphpnomeidade Nesse caso existem 2 informações importantes para compreender a página de destino do envio do formulário e o método de envio das informações A página de envio nesse caso foi a própria página do formulário a aula7formulariosphp Isto ocorre pois não informamos uma página de destino explicitamente Veremos como fazer isto a seguir A outra questão a do método de envio é que os dados foram enviados pela URL estão todos acrescentados ao caminho da página após a Este é o chamado método GET e é o que é usado por padrão quando não informamos um método explicitamente Métodos de Envio Método GET O método GET como vimos acima transfere as informações do formulário para a página de destino através da própria URL É colocada uma após o endereço da página e cada campo é informado com seu respectivo valor Cada campo e valor é separado por um Este é o método padrão mas se quisermos especificálo explicitamente devemos usar o atributo method com o valor GET na tag form como no exemplo abaixo veja o fonte Nome Idade Enviar Vantagens permite que informações sejam passadas não somente por formulários mas também por links Podemos montar um link contendo valores a serem transferidos como é comum por exemplo em uma loja online onde clicamos em um produto e somos encaminhados para a página do produto Note que existe apenas 1 arquivo possivelmente php responsável por exibir as informações dos produtos mas são acrescentados parâmetros após a para identificar qual o item específico estamos visualizando Este link é um exemplo Isto também é muito útil para testarmos uma página pois podemos editar os valores de entrada diretamente na URL Desvantagens há um limite de dados que podem ser enviados desta maneira com um limite de aproximadamente 2000 caracteres Além disso o endereço da página pode ficar bem poluído A recomendação da W3 é que o método GET seja usado quando nenhuma informação será alterada no servidor por exemplo em casos somente para leitura como buscar as informações de um produto e mostrar na tela Método POST O método POST transfere os dados no cabeçalho http algo que é invisível ao usuário do navegador Para usar este método devemos informar o valor POST no atributo method da tag form como vemos abaixo verifique o fonte Nome Idade Enviar Experimente submeter este formulário e observe que nenhuma informação adicional aparece na URL como ocorria com o método GET Se já havia alguma informação na URL devido ao uso de um formulário GET anteriormente ela continuará aparecendo Experimente remover essa informação extra antes de submeter o formulário POST apague tudo a partir da Vantagens permite o envio de muito mais informações via formulário e até mesmo o envio de arquivos upload Desvantagens Não podemos enviar dados via POST diretamente em um link como fizemos no GET 081123 0939 Aula 7 Formulários webacademicocanoasifrsedubrrcpintoIFRSphpaula7aula7formulariosphp 23 A recomendação da W3C é que o método POST seja usando quando alguma informação será modificada no servidor por exemplo quando cadastramos um usuário ou fazemos uma compra É por isso que ao usar POST o navegador dá um aviso se tentarmos recarregar a página após uma submissão pois corremos o risco de fazer cadastros e compras duplicados ou coisas do gênero Processando os Dados Até aqui conseguimos enviar dados via formulário mas não há nada sendo feito com esses dados É possível acessar as informações enviadas com o PHP usando a variável global predefinida REQUEST que é um array contendo todos os campos passados via formulário Preencha e envie novamente um dos formulários acima e observe aqui abaixo o resultado Olá Sua idade é O código PHP usado para produzir este resultado é muito simples php echo Olá REQUESTnome Sua idade é REQUESTidade Perceba que nome e idade são chaves índices do array REQUEST e são preenchidos automaticamente com os valores enviados via formulário Inclusive é possível visualizar a estrutura completa deste array usando o comando printrREQUEST veja o resultado Array A variável REQUEST guarda toda informação enviada via formulários por qualquer método além de outras informações como cookies e arquivos Para ler apenas informações enviadas por um método ou pelo outro podemos usar as variáveis GET contém apenas dados enviados via método GET ou POST apenas dados enviados via método POST Abaixo você verá um texto diferente dependendo do formulário que foi submetido acima O método usado foi o GET Olá Sua idade é Código php if SERVERREQUESTMETHOD GET echo O método usado foi o GET Olá GETnome Sua idade é GETidade if SERVERREQUESTMETHOD POST echo O método usado foi o POST Olá POSTnome Sua idade é POSTidade A variável global predefinida SERVERREQUESTMETHOD contém o método usado na submissão do formulário SERVER é um array com muitas outras informações úteis Arquivo de Destino Em todos os exemplos anteriores a página de destino do formulário era a própria página de envio esta aqui Em outras palavras ao clicar no botão Enviar acabamos na mesma página a aula7formulariosphp apenas passando informações diferentes via formulário Para melhor organização do código o ideal é que tudo seja feito em páginas diferentes uma página com o formulário de envio e outra com o código para processar as informações Para isto devemos definir o atributo action da tag form com o nome da página de destino veja o código fonte Submeta o formulário abaixo para enviar os dados a outra página Nome Idade Enviar Outros Tipos de Campos O HTML possui diversos outros tipos de campos que podem ser usados em formulários além de simples campos de texto Veja a seguir um formulário com os tipos mais comuns Nome Sexo Masculino Feminino Turno Manhã Tarde Noite UF RS Obs Enviar 081123 0939 Aula 7 Formulários webacademicocanoasifrsedubrrcpintoIFRSphpaula7aula7formulariosphp 33 Após estudar o código fonte do formulário acima preenchao e clique em Enviar para ver os dados abaixo através de um printr Array Ainda existe o campo do tipo file para upload de arquivos que será visto em outra aula Além dos campos mostrados acima o HTML5 evolução do HTML introduziu diversos novos tipos de campos que ainda não são 100 suportados por todos os navegadores e fogem do escopo desta disciplina Mais informações aqui Exercícios no Moodle