Formulário (Send & Recieve) Prof. Celso H. Masotti

Transcrição

1 Formulário (Send & Recieve) Prof. Celso H. Masotti

2 O Send e o Recieve A partir desse momento os exercícios serão realizados com dois arquivos, um de envio de dados (send) e o que recebe esse dados (recieve) para que o PHP possa manipular. Com o nome do capítulo e do exercício ficará algo: exerc_i_20_s.php (send - envia os dados) exerc_i_20_r.php (recieve recebe os dados)

3 Nomenclatura dos Arquivos Capítulo Página que envia dados (send) exerc_i_20_s.php Exercício Número do exercício

4 Formulário e $_POST[] Arquivo de envio dos dados (send) Construído com HTML; Possui formulário; Envia os dados através do formulário com o método de envio post ; Arquivo de recebimento dos dados (recieve) Construído em PHP; Pega os dados do formulário através de $_POST[]; Exibe o resultado do algoritmo; Possui botão (HTML) para voltar;

5 Tag FORM A tag <FORM> do HTML tem a capacidade de gerar um formulário; Entre a abertura <FORM> e o fechamento colocamos os objetos do formulário que precisamos. A tag <FORM> possui várias propriedades que orientam no envio dos dados: method (especifica o método para o envio dos dados digitados no formulário); name (dá um nome para o formulário); action (indica quem receberá os dados); id (identidade do formulário para análise do javascritp);

6 O Arquivo de Envio de Dados Trata-se de um formulário comum feito em linguagem de hipertexto (HTML). A configuração da tag form : 1. Deve apontar para a página que recebe os dados, exemplo: action= exerc_i_20_r.php ; 2. Deve ter a especificação do método que enviará os dados, exemplo: method= post ; 3. Deve ser identificado por um nome, exemplo: name= formulario1 ;

7 Tag FORM e parâmetros Arquivo recebedor dos dados Nome do formulário <FORM ACTION= exerc_i_20_s.php METHOD= POST NAME= form1 > Objetos do formulário ficam aqui. Método do envio dos dados

8 O Arquivo de Envio de Dados Arquivo recebedor dos dados Nome do formulário Método do envio dos dados Objetos do Formulário

9 Objetos de Formulário Entre a abertura da tag <FORM> e o fechamento desta, inserimos os objetos que são usados pelo usuário. Existem muitos tipos diferentes de objetos de formulário e cada um tem sua especificidade de uso. Vamos dar uma olhada neles:

10 Hidden Este é um objeto oculto. E passa informação para o arquivo que receberá os dados sem que o usuário saiba. <FORM ACTION= exerc_i_20_s.php METHOD= POST NAME= form1 > <input type= hidden name= send value= 1 />

11 Text Este objeto recebe textos pequenos como nome do usuário, . <FORM ACTION= exerc_i_20_s.php METHOD= POST NAME= form1 > <input type= text name= nome value= /> Objeto TEXT

12 Password Objeto que recebe senhas. Quando digitamos os caracteres estes ficam ocultos sendo exibidos apenas pontos. <FORM ACTION= exerc_i_20_s.php METHOD= POST NAME= form1 > <input type= text name= nome value= /> Objeto Password

13 Radio Quando necessitamos apenas uma resposta dentre duas ou mais alternativas. Depois de clicado pode-se mudar a opção, mas nunca tirar a seleção. <FORM ACTION= exerc_i_20_s.php METHOD= POST NAME= form1 > <input type= radio name= sexo value= m /> Masculino <input type= radio name= sexo value= f /> Feminino Objeto Radio

14 Checkbox Objeto checkbox permite que o usuário escolha uma ou mais opções. Depois de clicado o usuário pode tirar a seleção. <FORM ACTION= exerc_i_20_s.php METHOD= POST NAME= form1 > A, B, C são: <input type= checkbox name= abc value= 1 /> Números <input type= checkbox name= abc value= 2 /> Letras <input type= checkbox name= abc value= 2 /> Caracteres Objeto checkbox

15 Select Este é um objeto que se exibe em formato de combo. Serve para opção de uma opção. <FORM ACTION= exerc_i_20_s.php METHOD= POST NAME= form1 > <select name= UF > <option value= MG">Minas Gerais</option> <option value= RJ">Rio de Janeiro</option> <option value= SP">São Paulo</option> </select> Objeto select

16 File Objeto tipo file é usado para enviar arquivos para o servidor (armazenamento, , etc); Este objeto só funciona quando a propriedade enctype é colocada no FORM. <FORM ACTION= exerc_i_20_s.php METHOD= POST NAME= form1 enctype="multipart/form-data"> <input type= file name= arquivo value= /> Objeto select

17 Textarea Este é um objeto feito para receber textos longos. Ele se apresenta com um campo amplo de digitação que é configurado pelas suas propriedades cols e rows (quantidade de colunas e linhas). <FORM ACTION= exerc_i_20_s.php METHOD= POST NAME= form1 enctype="multipart/form-data"> <textarea rows="4" cols="50" name="comment"> Enter text here...</textarea> Objeto select

18 Button Este objeto é um botão simples. Sozinho nada realiza. Sua ação é comumente vinculada com o javascript. <FORM ACTION= exerc_i_20_s.php METHOD= POST NAME= form1 > <input type= button name= voltar value= Voltar /> Objeto select

19 Reset Este objeto é um botão que apaga todos os dados digitados em um formulário. <FORM ACTION= exerc_i_20_s.php METHOD= POST NAME= form1 > <input type= reset name= rst value= Apagar /> Objeto select

20 Submit Objeto que envia os dados do formulário quando é clicado. <FORM ACTION= exerc_i_20_s.php METHOD= POST NAME= form1 > <input type= submit name= sbmt value= Enviar /> Objeto select

21 Exemplo de Send Exerc_I_20_s.php <FORM ACTION= exerc_i_20_s.php METHOD= POST NAME= form1 > Insira o primeiro valor:<br /> <input type="text" name="v1" value="" /> <br /> Insira o segundo valor:<br /> <input type="text" name="v2" value="" /> <br /><br /> <input type="submit" name="sbmt" value=" Calcular " />

22 Exemplo de Receive Exerc_I_20_s.php Exerc_I_20_r.php

23 Link para Retorno Recomenda-se que no arquivo recieve se coloque um link para voltar ao arquivo send, desta forma o usuário poderá usar novamente o aplicativo de maneira bem fácil. echo "<a href='exerc_i_20_s.php'>voltar</a>";

24 Fim 18/02/2015