PHP INTRODUÇÃO ELEMENTO INPUT CAMPO DE TEXTO

Transcrição

1 INTRODUÇÃO PHP Aula 5 Formulários HTML Leonardo Pereira facebook.com/leongamerti Formulários HTML são usados para transmitir dados para um servidor. Existem diversos elementos que podemos usar como campos de texto e senha, caixas de seleção, botões e outros mais. A tag é usada para criar um formulário em HTML. elementos ELEMENTO INPUT O elemento mais importante forma é o <input>. A tag <input> pode ter varias tipos, aqui chamados de types. Os principais tipos são: Campo de texto Campo de senha Checkbox Select Botão radio Botão reset Botão submit CAMPO DE TEXTO A tag <input type="text"> define um campo de entrada em que o usuário pode inserir texto. Nome: <input type="text"> <input type="text"> Observações A tag é usada para pular linhas em HTML. Em PHP temos o /n que quase não é usado.

2 CAMPO DE TEXTO CAMPO DE SENHA A tag <input type="password"> define um campo de senha. Senha: <input type="password > Os caracteres são mascarados, sendo visualizado um asterisco (*) no lugar do caractere. CAMPO SENHA SELECT A tag <select> é usada para criar uma lista do tipo drop-down. A tag <option> que fica dentro da tag <select> define as opções disponíveis na lista. </select> <select> <option>corsa</option> <option>palio</option> <option>uno</option> <option>gol</option>

3 SELECT Inserindo multiple na tag <select> podemos escolher mais de um item da lista. BOTÃO RADIO A tag <input type="radio"> define um botão radio. Botões radio permitem ao usuário selecionar apenas uma das possíveis escolhas existentes no formulário. <input type="radio">male <input type="radio">female BOTÃO RADIO CHECKBOX A tag <input type= checkbox"> define um checkbox. Checkboxs permitem ao usuário selecionar zero ou mais opções dentre as possíveis escolhas existentes no formulário. <input type="checkbox">bike <input type="checkbox">carro

4 CHECKBOX BOTÃO RESET A tag <input type="reset"> define um botão reset. Clicar em um botão reset limpa todos os componentes do formulário associado ao botão reset. Login: <input type="text" name= login"> <input type="reset" value="limpar"> BOTÃO RESET BOTÃO SUBMIT A tag <input type="submit"> define um botão submit. Um botão submit é usado para enviar dados ao servidor. Os dados são enviados para a pagina especificada no atributo action do formulário. <form action= login.php" method= post"> Login: <input type="text > <input type="submit" value="submit">

5 BOTÃO SUBMIT MÉTODO GET Você deve utilizar o método GET sempre que a requisição que você faz não altere o estado do servidor como uma consulta ou uma busca. O método GET utiliza a própria URL para enviar dados ao servidor. O navegador pega as informações do formulário e coloca junto com a URL. Ele separa o endereço dos dados do formulário por um? (ponto de interrogação). Quando você busca algo no Google, é usado o método GET. Você pode ver na barra de endereço do navegador que o endereço ficou com um ponto de interrogação no meio e depois dele é possível ler os dados que pesquisou. É uma grave falha de segurança! O método GET permite enviar apenas 2048 caracteres, sendo uma limitação para qualquer texto ou frases muito grandes. Não é possível enviar dados binários como imagens ou arquivos PDF. Formulários adotam o GET como padrão. MÉTODO POST O método POST envia os dados colocando-os no corpo da mensagem. Ele deixa a URL separada dos dados que serão enviados. Não existe ponto de interrogação separando os dados da URL. Desta forma, é muito mais seguro que o GET. Usamos o POST sempre que queremos enviar dados que não podem ser enviados pelo método GET como imagens e demais arquivos binários. Não existe limite de caracteres ao usar o POST. Observe que os dados ficam apenas em oculto. Em nenhum momento as informações são criptografadas. Se alguma maquina na rede puder capturar os dados que foram enviados, ela terá acesso total às informações.