C A P I T U L O 4 F O R M U L Á R I O S E V A R I Á V E I S P R É D E F I N I D A S $ _ P O S T E $ _ G E T

Transcrição

1 C A P I T U L O 4 F O R M U L Á R I O S E V A R I Á V E I S P R É D E F I N I D A S $ _ P O S T E $ _ G E T FORMULÁRIOS HTML Os formulários constituem-se de extrema importância no HTML, uma vez que são responsáveis pela interação entre um usuário e o servidor, possibilitando a troca de dados ou informações. Um formulário possuem algumas tags importantes como: <form></form> : Abre e fecha o formulário. Um form pode possuir um nome (name) e um método (method). <input> : São as caixas de texto colocadas no formulário para que o usuário digite os dados. Uma tag input possui alguns tipos, que devem ser definidos na propriedade type, mas vamos conhecer neste momento apenas dois: Text: Para receber os dados, o input deve ficar assim: <input type=text name=nome>. Antes do <input> poderá ficar uma descrição, que será livre. Nome: <input type=text name=nome> Submit: Para submeter o formulário, ou sejam fazer com que as informações sejam passadas pela url, o input deve ficar assim: <input type=submit name=clique value=clique>. <select>: Esta tag define um controle do tipo caixa de seleção, o qual permite o usuário selecionar um ou mais valores em uma lista. A tag deve ser utilizada no contexto de um formulário definido pela tag <form> e deve conter pelo menos um valor definido pela tag <option>. Exemplo: Variáveis pré-definidas e de ambiente 1

2 <select name=estadocivil> <option value='casado'>casado</option> <option value='solteiro'>solteiro</option> </select> MÉTODOS GET E POST Quando um formulário HTML é submetido, qualquer variável vinda deste um formulário será automaticamente disponível para o script em PHP. O que irá determinar de que forma iremos postar uma variável, é o método (method) utilizado na tag <form> de um formulário HTML. Ou seja, os dados digitados no formulário poderão ser capturados e trabalhados. Abaixo, seguem métodos utilizados no formulário, para envio das informações: GET Só pode enviar até 255 caracteres de informações e estas vão como parte da URL. As variáveis e o seu conteúdo ficam visíveis para o usuário. POST Pode enviar um número ilimitado de informações. As variáveis e seu conteúdo ficam invisíveis para o usuário. Exemplo de um formulário para receber nome, telefone e estado civil, utilizando o método get: salve o programa na pasta c:\apache\htdocs como exemploform.php <form method="get"> NOME <input type="text" name="nome"> TELEFONE <input type="text" name="telefone"> ESTADO CIVIL <select name= ecivil > <option value='casado'>casado</option> <option value='solteiro'>solteiro</option> <option value='viuvo'>viuvo</option> Variáveis pré-definidas e de ambiente 2

3 <option value='divorciado'>divorciado</option> </selected> <input type="submit" name="opcao" value="clique"> </form> Execute o formulário acima digitando o endereço /exemploform.php. Logo em seguida, preencha os campos do formulário e clique no botão submit. Será mostrado na url algo mais ou menos assim: No caso do método GET, conseguimos visualizar as informações (campos e conteúdo dos campos) sendo passados através da URL. O caracter & concatena as informações. Troque o método do formulário para POST, limpe a url e execute o programa novamente. VARIÁVEIS PRÉ DEFINIDAS O PHP oferece um grande número de variáveis pré definidas para qualquer script que ele execute. A princípio, conheceremos duas destas variáveis: $_GET : É uma variável superglobal, onde ficam armazenadas informações postadas para o script através do método HTTP GET. Através do método GET de um formulário HTML, as variáveis ficam visíveis na URL. Ou seja, podemos passar informações através da URL e regatá-las através do $_GET. $_POST : É uma variável superglobal, onde ficam armazenadas informações postadas para o script através do método HTTP POST. Através do método POST de um formulário HTML, as variáveis não ficam visíveis na URL. Vamos entrar em mais detalhes com as variáveis $_GET e $_POST nos próximos tópicos. Tanto nas variáveis $_POST e $_GET armazenam o conteúdo de um formulário em formato de uma array associativa. Ler: Variáveis pré-definidas e de ambiente 3

4 RESUMINDO... MÉTODO GET = UTILIZAR VARIÁVEL $_GET MÉTODO POST = UTILIZAR VARIÁVEL $_POST MESCLANDO PHP COM HTML Agora, vamos mesclar dados PHP juntamente com o HTML. Nosso objetivo: depois que o usuário clicar no botão Clique, os dados deverão ser impressos na tela em PHP. Abaixo, tudo que está em negrito deverá ser acrescentado no programa. Observe que, na sintaxe de utilização do $_GET, entre os cochetes ([ ]), colocamos o conteúdo do name da tag input. Se algo for digitado errado, nada será exibido. Agora, podemos fazer o mesmo exemplo acima, substituindo o método get por post e também a variável pré-definida $_GET por $_POST. Estes dados no futuro, poderão ser gravados em um arquivo ou banco de dados. Vamos utilizar o exemplo anterior para mesclar o PHP ao HTML <form method= post"> NOME <input type="text" name="nome"> TELEFONE <input type="text" name="telefone"> ESTADO CIVIL <select name= ecivil > <option value='casado'>casado</option> <option value='solteiro'>solteiro</option> <option value='viuvo'>viuvo</option> <option value='divorciado'>divorciado</option> Variáveis pré-definidas e de ambiente 4

5 </selected> <input type="submit" name="opcao" value="clique"> </form> <?php echo "<h3> Dados Cadastrados </h3>"; echo "NOME : ".$_POST['nome']; echo "<br>"; echo "TELEFONE : ".$_POST['telefone']; echo "<br>"; echo "ESTADO CIVIL : ".$_POST['ecivil'];?> Em suma: Em um formulário HTML, usar a seguinte premissa: Se utilizar o método get, utilize a variável $_GET Se utilizar o método post, utilize a variável $_POST Para conhecer mais variáveis pré definidas e de ambiente: Variáveis pré-definidas e de ambiente 5

6 EXERCÍCIOS 1) Tanto o $_GET quanto o $_POST possuem o mesmo propósito, que é armazenar os dados vindos de um formulário HTML. Qual a diferença básica entre ambos??? 2) Um sistema de controle de estoque precisa de uma tela para cadastrar os produtor. Desenvolva um formulário HTML, utilizando o método GET, com os seguintes dados: Código do Produto, Descrição do produto e Tipo de produto. Exiba estes dados na tela utilizando o PHP, concatenando-os após os textos CÓDIGO DO PRODUTO, DESCRIÇÃO DO PRODUTO, TIPO DE PRODUTO, respectivamente. Utilizar: Código e descrição do produto, tag input text e tipo de produto tag select Os tipos de produtos são: alimentos, perfumaria, limpeza Próximo Capítulo: ESTRUTURA CONDICIONAL Variáveis pré-definidas e de ambiente 6