Linguagem de. Aula 06. Profa Cristiane Koehler

Transcrição

1 Linguagem de Programação IV -PHP Aula 06 Profa Cristiane Koehler

2 Criação de Formulários o Um formulário consiste em uma série de campos que são preenchidos pelo usuário e recebidos pelo servidor web para serem processados. o A criação de um formulário envolve duas etapas: 1ª parte consiste na criação do layout do formulário, ou seja, a página que contém as caixas de diálogo que devem ser preenchidas pelo usuário. 2ª parte consiste em desenvolver um programa de script (PHP, ASP, ASP.NET...), a ser executado pelo servidor, que tem por objetivo receber os dados que foram preenchidos pelo formulário e processálos. 2

3 Criação de Formulários o A criação de um formulário é realizada por intermédio das tags <form> e </form> do HTML, que isoladamente não permite que o navegador faça algum desenho na página ou a inclusão de dados. o A tag <form> apenas possui elementos que permitem recolher as informações digitadas em um formulário e atributos que informam ao navegador de que maneira os dados recolhidos devem ser encaminhados ao servidor para serem processados. 3

4 Criação de Formulários o Se clicarmos no botão ENVIAR deste formulário, o valor que foi preenchido no campo de não será enviado a lugar algum, pois o browser não tem a informação para onde enviar os dados. 4

5 Criação de Formulários o Precisamos dizer ao browser para onde enviar as informações. o Utilizaremos os formulários para enviar dados aos nossos programas PHP então precisamos informar ao formulário QUAL O PROGRAMA PHP que processará os dados recebidos nos formulários o Isso é feito com o atributo action da tag <form> do HTML. Este atributo informa o tipo de ação a ser realizada com o formulário. 5

6 Criação de Formulários Atributo ACTION o Os tipos de ações que podem ser realizadas com o formulário, são: O formulário é enviado a um endereço de ou O formulário é enviado a uma página que contém um programa de script (PHP, ASP, JSP,...) ( que interpreta e processa os dados enviados. 6

7 Criação de Formulários Atributo ACTION o Agora quando for clicado no botão ENVIAR!, o conteúdo do campo e- mail será enviado ao programa Script recebe_dados.php que deverá tratar esta informação. 7

8 Criação de Formulários Atributo ACTION o Para enviar um formulário por um programa de script você deve especificar: o 1) o endereço da página que contém tal script <form action= " </form> o 2) o para onde será enviado uma mensagem <form action= mailto:cristiane.koehler@gmail.com"> </form> 8

9 Criação de Formulários tag INPUT o Para definir um campo de entrada de dados utilizamos a tag input o A tag input vem acompanhada das opções: Name - nome do campo Value valor-padrão do campo Size tamanho do campo exibido na tela Maxlength número máximo de caracteres que pode ser digitado no campo Type tipo do campo de entrada de dados. 9

10 Criação de Formulários tag INPUT Campos de Entrada de Dados: o Valores possíveis para a opção type da tag input : Text caixa de texto de uma linha Password digitação de senhas (*) Hidden campo escondido não aparecem na tela Select mostra uma lista de seleção (drop-down) Checkbox caixa de seleção que pode ser marcada Radio botões de seleção Textarea caixa de texto com várias linhas File permite o envio de arquivos Submit botão que aciona o envio de dados de um formulário Image mesma função do submit mas utiliza imagem em vez do botão tradicional Reset limpa todos os campos de um formulário 10

11 11

12 12

13 13

14 Enviando as informações para um Programa PHP: Para especificar qual programa PHP receberá os dados do formulário utilizamos a opção action da tag <form> do HTML. Agora vamos ver como esses dados são passados ao programa PHP. Existem 2 métodos de passagem de parâmetros GET e POST. No caso de um formulário, o tipo de método a ser utilizado é especificado na opção method da tag <form> do HTML. 14

15 Criação de Formulários Atributo METHOD o O atributo method da tag <form> determina a forma como o formulário será enviado, ou seja, o método usado para acessar a URL descrito pelo atributo action. o Quanto aos métodos GET e POST, ambos transferem dados do navegador para o servidor com as seguintes diferenças básicas: 15

16 Criação de Formulários Atributo METHOD GET: os dados inseridos em um formulário fazem parte da URL associada à consulta enviada para o servidor. As informações digitadas nesse modo são visualizadas na barra de endereço do navegador. asp?id=7309 POST: os dados inseridos em um formulário fazem parte do corpo da mensagem encaminhada ao servidor e suporta grande quantidade de dados. As informações digitadas neste modo não são visualizadas na barra de endereço do navegador. 16

17 Características Principais dos method GET e POST GET: 1) se a forma de acesso aos dados não for definida pelo programador, o PHP considera o valor padrão que é o GET. Se o programador deseja que o método de acesso aos dados seja no formato POST, esta informação deve ser obrigatoriamente inserida no código PHP. 17

18 Características Principais dos method GET e POST GET: 2) Suponha que preenchamos um formulário com nome e idade de um cliente. No método GET, quando clicamos em ENVIAR DADOS, o endereço ativado no browser conterá os nomes das variáveis e o conteúdo das mesmas: 18

19 Características Principais dos method GET e POST GET: 3) Existe alguns inconvenientes em utilizar o método GET. Primeiro porque há um limite de 2000 caracteres que podem ser enviados no browser. Segundo porque o usuário visualizará todos os parâmetros por meio da barra de endereço do browser, o que não é muito indicado. Para resolver estas questões POST 19

20 Características Principais dos method GET e POST POST: 1) Deve ser especificado: Ao contrário do método GET que envia os dados por uma cadeia de variáveis após o endereço URL, o método POST envia os dados do formulário por meio do corpo da mensagem encaminhada ao servidor. Como os dados são enviados no corpo da mensagem, o usuário não visualizará no browser aquele endereço enorme como mostrado no GET. O usuário verá apenas o endereço do programa ativado: 20

21 Características Principais dos method GET e POST POST: 2) Uma vantagem do método POST: É que não há limite de tamanho dos dados que estão sendo enviados, ao contrário do que ocorre com o método GET, que envia os dados por uma cadeia de variáveis de tamanho limitado (2000 caracteres no browser). LOGO: é recomendado usar o método POST para formulários que possuem muitas informações a serem enviadas e o método GET para formulários mais simples, com poucas informações a serem enviadas. 21

22 Como tratar as informações recebidas Depois de especificado qual o programa PHP que receberá os dados, basta saber como trabalhar com esses dados dentro do programa PHP. Existe 2 maneiras de acessá-los: 1) Tratá-los como se fossem variáveis, colocando o símbolo $ seguido do nome do campo: $nome, $ , $telefone. 2) Utilizar arrays superglobais predefinidos no PHP.» $_GET» $_POST 22

23 Como tratar as informações recebidas Por exemplo, se usássemos o método POST para enviar um formulário com os campos nome e , dentro do programa PHP, acessaríamos esses dados assim: Ou GET:» $_POST [ nome ]» $_POST [ ]» $_GET [ nome ]» $_GET [ ] 23

24 Como tratar as informações recebidas Por exemplo, se usássemos o método POST para enviar um formulário com os campos nome e , dentro do programa PHP, acessaríamos esses dados assim: Ou GET:» $_POST [ nome ]» $_POST [ ]» $_GET [ nome ]» $_GET [ ] 24

25 Tarefa: Criar o Formulário 25

26 Tarefa: Criar o Formulário Para isso Você precisa editar 2 arquivos: 1) código HTML puro para montar o layout do formulário PHP_Aula05_Formulario.php 2) código PHP para receber os dados do formulário e tratá-los como necessário. recebe_dados.php 26

27 Tarefa: Criar o Formulário 27

28 Linguagem de Programação IV -PHP Aula 06 Profa Cristiane Koehler