Programação para a Internet II PHP Formulários. Nuno Miguel Gil Fonseca

Documentos relacionados
7. Formulários em XHTML

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto

Autoria Web. Professor: Diego Oliveira. Conteúdo 03: Tags de Formulário

HTML Parte III. André Tavares da Silva.

Finalidade dos formulários

Formulários [8] Desenvolvimento e Design de. Websites. Prof.: Ari Oliveira

Desenvolvimento Web TCC Turma A-1

HTML: FORMULÁRIOS SUMÁRIO. Conceito Tag FORM Tag INPUT Tag BUTTON Tag TEXTAREA Tag SELECT

Informática I. Aula 8. Aula 8-19/09/2007 1

Formulários são áreas onde se inserem campos que permitem uma troca de informações maior entre usuários e desenvolvedores de sites HTML Até o momento,

- os dados entrados fazem parte do corpo da mensagem enviada para o servidor; - transfere grande quantidade de dados.

Autoria Web. Formulários Aula 5. Cleverton Hentz

Os componentes de um formulário são: Form, Input, Select e AreaText

Programação em HTML aspectos avançados

HTML. Leonardo Gresta Paulino Murta

O código acima descreve o formulário com uma caixa de texto e dois botões

Formulários. Etapa 1 Criação de formulários

Desenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes

HTML. Frames e FORMs

Desenvolvimento de Aplicações WEB (DAW) Prof. Julio Arakaki 1o. Semestre 2016

INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT

HyperText Markup Language HTML. Formulário

INTRODUÇÃO AO DESENVOLVIMENTO WEB

Programação para Internet I

Programação Web Prof. Wladimir

Guia visual de controles de formulário HTML

Curso de HTML aula 4. Sumário. 1 Formulários. 1.1 Construindo formulários com o FORM. 1.2 Método:

HTML & CSS. Aula 04. Prof. Gerson Borges HTML & CSS 1

FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT)

Programação para web HTML: Formulários

PROGRAMAÇÃO WEB DO LADO DO CLIENTE

1. Aspectos Gerais dos Formulários

A área de um formulário, na codificação HTML da página, é delimitada pelo par de marcadores <FORM> e </FORM>.

TECNOLOGIAS WEB AULA 7

Recursos Complementares (Tabelas e Formulários)

Desenvolvimento de Aplicações para Internet

Tabelas Div Span Frames Formulários

Input de dados a partir de formulários HTML

SIMULADOS & TUTORIAIS

Formulários em HTML - O que são e para que servem

COMO FUNCIONA UM FORMULÁRIO

Os slides que seguem mostram os principais comandos da linguagem HTML. Conhecer o código HTML possibilita a criação de páginas leves que contenham ape

Formulários HTML. Envio de Informação para o servidor

TECNOLOGIA E PROGRAMAÇÃO WEB

Programação para Internet

Aula 05 HTML FORMULÁRIOS Prof. Daniela Pires Sumário

Formulários. Objetivo Controles Métodos Linhas de Edição

Exercícios Práticos de HTML e JavaScript. <FORM ACTION="mailto:teste@gmail.com" METHOD="POST" ENCTYPE="text/plain" NAME="cadastro">

Web Design Aula 10: Formulários - Parte2

indica o nome do campo pelo qual podemos acessar.

HTML - 7. Vitor Vaz da Silva Paula Graça

Envio de dados em links

Folha Prática Nº3. HTML : Formulários e Formatações. UNIVERSIDADE DA BEIRA INTERIOR Faculdade de Engenharia Departamento de Informática

Aula 09 PHP e formulários HTML. Prof. Pedro Baesse

ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia3.zip dezembro 1995 Tutorial - Autoria em World Wide Web

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

Web Design Aula 09: Formulários

Tutorial Cold Fusion Módulo 2 Cold Fusion Brasil -

Tabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/06/2011

Fábio Borges de Oliveira. HTML HyperText Markup Language

Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva

Tabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/04/2011

HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web;

Curso de PHP. - Início 22 de agosto. - Término 20 de outubro. - Aulas: segunda e quinta-feira - Horário:18h às 20h. - Carga horária do curso: 40h

Introdução. HyperText Markup Language HTML. Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário

PHP Tratando Formulários. Prof. Gláucya Boechat

Professor Jefferson Chaves Jefferson de Oliveira Chaves

LISTA 01. Conteúdo. Questões

Mais sobre uso de formulários Site sem Ajax

Conteúdo Dinâmico. Introdução. Interação Browser x Servidor Web. Interação Browser x Servidor Web

Programação Web Prof. Wladimir

Aplicações e Serviços de Internet

HTML. Professor Victor Sotero. html

Este exercício será parecido com a montagem de um projeto real, onde trabalhamos com vários arquivos XHTML e um único arquivo CSS.

Professor Jefferson Chaves Jefferson de Oliveira Chaves

TAGS. O HTML trabalha com o sistema de tags (etiquetas). Esse sistema funciona da seguinte maneira. <tag>conteúdo da tag</tag>

4.6. UML Diagramas de componentes

Teste de avaliação de frequência Parte Prática

Curso de HTML. Rone Ilídio

Introdução à linguagem HTML. Volnys Borges Bernal

COM222 DESENVOLVIMENTO DE SISTEMAS WEB. Aula 01: HTML e CSS

PROCESSO DE SELEÇÃO DE ESTAGIÁRIO EDITAL 093/2018 Vaga A

0,5 pelo negrito das palavras ID, Nome, e Analisar em outro momento.

Formulários HTML e Introdução à Programação Web

HTML BÁSICO E TEMPLATE VIEW. Gabrielle Amorim Porto

Formulários. Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros.

Formulários. Como Formulários Funcionam

O que faz um servidor/navegador web? 14/03/2016 Rômulo da Silva Lima Slid e 2

Volnys Bernal. Introdução à linguagem HTML. Introdução à linguagem HTML. Visão geral. Visão geral. Visão geral. Visão geral.

Formulários. Objeto Form

Obtendo dados com formulários

Introdução ao Desenvolvimento Web

HTML: Listas, Tabelas e Formulários CST Sistemas para Internet

UFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues

Prof. Fernando Gonçalves Abadia. Sistemas Multimídias

Tags estruturais <!-- --> Cria um comentário <html> </html> Envolve todo um documento html <head> </head> Envolve o cabeçalho de um documento html

Introdução à Tecnologia Web

Programação para a Internet II PHP AJAX. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt

Transcrição:

Programação para a Internet II 2.5. PHP Formulários Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt

Formulários Os formulários constituem uma das principais formas de interacção entre clientes e servidores. São um dos principais responsáveis pelo surgimento de sites dinâmicos, com informação dinâmica. Um dos principais requisitos de um programador de PHP é a sua capacidade de saber trabalhar com formulários. Estrutura básica de um formulário em (X)HTML... <form...>...elementos... </form>... (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para a Internet II 2

GET e POST Existem duas formas de fazer chegar a informação contida nos formulários desde o browser dos clientes até ao servidor. No caso do GET, a Informação é enviada textualmente no endereço do pedido que é feito ao servidor http://www.xpto.pt?nome=to&apelido=ninho (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para a Internet II 3

GET e POST Já no caso do POST, a informação segue encapsulada no pedido HTTP, ou seja, escondida do utilizador. Para definir se os dados serão envidados por GET ou por POST, basta fazer:... <form method="post">...elementos... </form>... (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para a Internet II 4

Acção Quando um formulário é submetido, é suposto que alguma acção seja executada, ou seja, que algum ficheiro PHP seja chamado...... <form action="xpto.php" method="post">...elementos... </form>... (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para a Internet II 5

Elementos de formulário Linha de texto Usada quando se pretende inserir uma linha de texto <input type="text" name="nomedoelemento" id="nomedoelemento" value="valor inicial" size="20" maxlength="20" /> Atributos name - Permite identificar o elemento de formulário type identifica o tipo de input value permite especificar um valor por defeito size permite especificar o tamanho da caixa de texto (em numero de caracteres) maxlength permite especificar o número máximo de caracteres que podem ser escritos na caixa de texto (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para a Internet II 6

Caixa de texto Usada quando se pretende inserir uma ou mais linhas de texto <textarea name="nomedoelemento" id="nomedoelemento" cols="40" rows="4">valor inicial</textarea> Atributos name - Permite identificar o elemento de formulário cols permite especificar a largura da caixa de texto (em numero de caracteres) rows permite especificar a altura da caixa de texto (em número de linhas) (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para a Internet II 7

Checkbox Escolher uma ou mais opção de uma lista Atributos name - Permite identificar o elemento de formulário type identifica o tipo de input value permite especificar o valor que é passado no caso da opção estar seleccionada checked usada quando se pretende seleccionar por defeito uma determinada opção <input type="checkbox" name="checkboxa" value="checked" checked="checked" />opção a<br> <input type="checkbox" name="checkboxb" value="checked" />opção b<br> <input type="checkbox" name="checkboxc" value="checked" />opção c<br> <input type="checkbox" name="checkboxd" value="checked" />opção d<br> (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para a Internet II 8

Checkbox (cont) Por vezes não se sabe à partida quantas checkboxes iremos ter, pelo que é necessário proceder de forma diferente... <input type="checkbox" name="nomedacheckbox[]" value="a" checked="checked" />opção a<br> <input type="checkbox" name="nomedacheckbox[]" value="b" />opção b<br> <input type="checkbox" name="nomedacheckbox[]" value="c" />opção c<br> <input type="checkbox" name="nomedacheckbox[]" value="d" />opção d<br> <?php if(isset($_post["nomedacheckbox"])){ $valores = $_POST["nomeDaCheckbox"]; if (count($valores)>0){ for($i=0;$i<count($valores);$i++){ print($valores[$i]); } } }?> (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para a Internet II 9

RadioButton Ideal para quando é necessário escolher apenas uma opção de uma lista sim <input name="radiobutton" type="radio" value="sim" checked="checked" /> não <input name="radiobutton" type="radio" value="nao" /> Atributos name - Permite identificar o elemento de formulário type identifica o tipo de input value permite especificar o valor que é passado no caso da opção estar seleccionada checked usada quando se pretende seleccionar por defeito uma determinada opção Nota: Para dois ou mais radiobuttons permitirem a selecção de apenas uma opções, terão que ter o mesmo nome. (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para a Internet II 10

SelectBox Ideal para quando é necessário escolher uma ou mais opções de uma lista O select define o grupo de opções, option define cada uma das opções <select name="nomedoselect" id="nomedoselect"> <option value="a" selected="selected">opção a</option> <option value="b">opção b</option> <option value="c">opção c</option> </select> Atributos de select name- Permite identificar o elemento de formulário Atributos de option value permite especificar o valor que é passado no caso da opção estar seleccionada selected usada quando se pretende seleccionar por defeito uma determinada opção (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para a Internet II 11

SelectBox(cont) Por vezes temos a necessidade de escolher mais do que uma opção <select name="nomedoselect[]" multiple="multiple" size="4"> <option value="a" selected="selected">opção a</option> <option value="b">opção b</option> <option value="c">opção c</option> </select> <?php if(isset($_post["nomedoselect"])){ $valores = $_POST["nomeDoSelect"]; if (count($valores)>0){ for($i=0;$i<count($valores);$i++){ print($valores[$i]); } } }?> (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para a Internet II 12

Botões Usados para submeter o formulário, e não só... <input type="submit" name="submit" value="submit" /> <input type="reset" name="reset" value="reset" /> <input type="button" name="button" value="button" /> Atributos name - Permite identificar o elemento de formulário type identifica o tipo de input (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para a Internet II 13

Password Usados em situações em que é necessário introduzir passwords O texto introduzido é substituído por asteriscos (*) <input name="nomedoelemento" type="password" size="20" maxlength="20" /> Atributos name - Permite identificar o elemento de formulário type identifica o tipo de input size permite especificar o tamanho da caixa de texto (em numero de caracteres) maxlength permite especificar o número máximo de caracteres que podem ser escritos na caixa de texto (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para a Internet II 14

File Utilizado para fazer upload de ficheiros <input name="nomedoelemento" type="file" size="10" /> Atributos name - Permite identificar o elemento de formulário type identifica o tipo de input size permite especificar o tamanho da caixa de texto (em numero de caracteres) Nota: nesta secção apenas se apresenta o elemento HTML file, mais à frente ir-se-á apresentar como se processa o upload de ficheiros com PHP. (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para a Internet II 15

Campos escondidos Utilizado para transmitir informação não visível aos utilizadores <input name="nomedoelemento" type="hidden" value="abc" /> Atributos name - Permite identificar o elemento de formulário type identifica o tipo de input value o valor que será transmitido (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para a Internet II 16

Aceder aos valores dos campos de formulário via GET (valores passados no endereço do pedido - URL). <?php $nome = $_GET["nome"];?> Aceder aos valores dos campos de formulário via POST (valores encapsulados no corpo do pedido) <?php $nome = $_POST["nome"];?> (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para a Internet II 17