Programação em HTML aspectos avançados
|
|
- Laura Bicalho Palhares
- 7 Há anos
- Visualizações:
Transcrição
1 Formulários Programação em HTML aspectos avançados Os formulários servem para recolher dados introduzidos pelos utilizadores e enviá-los para processamento no servidor. Formulários são home pages que permitem ao internauta preencherem campos e submetê-los para alguém. Os formulários podem ser utilizados para praticamente qualquer entrada de dados em home pages. O objectivo é permitir que um visitante da home page envie informações para o responsável pela página. Existem diversos tipos de controlos diferentes para formulários. Cada um permite a entrada de um determinado tipo de dado. Qualquer campo possui o seguinte formato: <input type=tipo name=nome >. Criar um formulário Um formulário é uma secção da página HTML que contém elementos que permitem ao utilizador introduzir dados (elementos <textarea> e vários tipos de elementos <input>, <option> e <select>). Estes elementos permitem inserir dados numéricos, textos curtos, textos extensos, seleccionar elementos numa lista com várias escolhas, responder facilmente com respostas do tipo "sim" ou "não", seleccionar rapidamente uma opção num grupo pequeno, etc. Os formulários criam-se com o elemento <form>. Dentro desse elemento principal colocamos diversos elementos para a inserção dos dados. <form> <input> <input> O elemento <form> por si só não faz com que o browser desenhe nada na página nem permite inserir dados. Ele contém elementos que recolhem os dados e possui atributos que dizem ao browser como e para onde deve enviar os dados para processamento. Inputs Os elementos que encontramos com maior frequência em formulários são o elemento <input>. O exemplo seguinte mostra um formulário simples com dois elementos input: <form action="processar.php" method="post"> Primeiro nome: <input type="text" name="primeiro_nome"><br> Último nome: <input type="text" name="ultimo_nome"> Aspecto do formulário quando visualizado no browser: O elemento <input> pode assumir diversas formas com finalidades diferentes.
2 "Radio Buttons" Programação em HTML aspectos avançados Os "Radio Buttons" usam-se para criar um grupo (pequeno) de opções em que apenas se pode seleccionar uma de cada vez. <form action="processamento.asp"> <input type="radio" name="sexo" value="masculino"> Masculino<br> <input type="radio" name="sexo" value="feminino"> Feminino <form> Aspecto do formulário quando visualizado num browser: Repare que só se pode seleccionar uma das opções dadas. Elas excluem-se mutuamente. Checkboxes As caixas de validação ("checkboxes") devem ser usadas sempre que queremos que o utilizador aprove (ou não) itens dentro de um pequeno grupo. É permitido validar mais do que uma opção simultaneamente. <form> <input type="checkbox" name="patins">eu tenho patins em linha<br> <input type="checkbox" name="skate">eu tenho um skate <form> Aspecto do formulário quando visualizado num browser: Repare que você pode seleccionar cada uma das opções de forma independente da outra. O atributo action e o botão de submissão Quando o utilizador clica sobre o botão "Submeter" (ou "Submit",) as repostas e texto inseridos no formulário são enviados para processamento. O atributo action do elemento <form> contém o endereço (URL) do recurso da Web que está encarregado de realizar esse processamento. É para lá que o conteúdo do formulário é enviado. <form name="input" action="exemplos/action.php" method="get"> Nome de utilizador: <input type="text" name="utilizador"> <input type="submit" value="submeter"> <form> Aspecto do formulário quando visualizado num browser:
3 Elementos para Formulários Programação em HTML aspectos avançados <form> Define um formulário para recolher dados inseridos pelo utilizador <input> Insere um campo para introduzir dados <textarea> Define uma área de texto (permite inserir texto com várias linhas e um número ilimitado de caracteres) <label> Define um nome para um elemento <fieldset> Agrupa elementos num formulário <legend> Define uma legenda para um grupo de elementos do formulário <select> Define uma lista com várias opções seleccionáveis <optgroup> Define um grupo de opções <option> Insere mais uma opção numa lista com várias opções seleccionáveis <button> Define um botão que pode ser pressionado Exemplos de Aplicação Como criar campos para inserção de texto ou dados Escreva o seu primeiro nome: <input name="firstname"><br> Escreva o seu último o nome: <input name="lastname"><br>
4 Campos para senhas ("password") Programação em HTML aspectos avançados Escreva o seu nome de utilizador: <input name="user"><br> Escreva a sua senha (segredo): <input type="password" value="" name="password"><br> <p><b>nota:</b> Quando se digita uma senha o browser mostra asteriscos ou bolinhas em vez dos caracteres que introduz. Deste modo se alguém estiver a olhar por cima do nosso ombro enquanto escrevemos não vai conseguir ler a senha.</p> Caixas de validação ("checkboxes") Eu tenho uma bicicleta: <input type="checkbox" value="on" name="bicicleta"><br> Eu tenho patins em linha: <input type="checkbox" value="on" name="patins"> <br>
5 "Radiobuttons" (grupos de botões em que apenas um pode estar activo) Masculino: <input type="radio" checked value="macho" name="sexo"><br> Feminino: <input type="radio" value="fêmea" name="sexo"><br> <p><b>nota:</b> Quando o utilizador clica sobre um "radiobutton" ele passa a ser a sua escolha (passa ao estado "checked") e os restantes "radiobuttons" pertencentes ao mesmo grupo passam ao estado "unchecked".</p>
6 Lista com vários itens para seleccionar <h3>equipas</h3> <select name="clubes"> <option value="benfica" selected="selected">benfica</option> <option value="fcp">f.c.p</option> <option value="boavista">boavista</option> <option value="sporting">sporting</option> </select><br> Lista com vários itens seleccionáveis, mas com um valor pré-seleccionado <h3>equipas</h3> <select name="clubes"> <option value="benfica" selected="selected">benfica</option> <option value="fcp">f.c.p</option> <option value="boavista" selected>boavista</option> <option value="sporting">sporting</option> </select><br>
7 Repare que aqui temos um item pré-seleccionado de forma explícita. Como criar um botão <input type="button" value="carregue Aqui!">
8 Formulário com um campo para inserir dados e um botão para submeter <form name="input" action="processar.php" method="get"> Escreva o seu primeiro nome: <input value="robin" name="primeironome"><br> Escreva o seu último o nome: <input value="dos Bosques" name="ultimonome"><br> <p>se clicar sobre o botão "Submeter" os dados do formulário serão enviados para a página "processar.php".</p> Formulário com caixas de validação e um botão para submeter <form name="input" action="processar.php" method="get"> Eu tenho uma bicicleta: <input type="checkbox" checked value="on" name="bike"><br> Eu tenho patins em linha: <input type="checkbox" value="on" name="patins"><br> <p>se clicar sobre o botão "Submeter" os dados do formulário serão enviados para a página "processar.php".</p>
9 Formulário com "radiobuttons" e um botão para submeter <form name="input" action="processar.php" method="get"> Masculino: <input type="radio" checked value="masculino" name="sexo"><br> Feminino: <input type="radio" value="feminino" name="sexo"><br> <p>se clicar sobre o botão "Submeter" os dados do formulário serão enviados para a página "processar.php".</p>
10 Para completar a funcionalidade seleccionada por cada tipo mencionado acima, existem ainda os seguintes atributos permitidos para a tag HTML input que podem ser utilizados para optimizar um determinado campo de um formulário: value=valor: inicializa o controlo com um determinado valor; disabled: quando presente determina que o controle não pode ser modificado pelo utilizador, funcionando como um controlo para exibição de dados; checked: quando presente em um controle do tipo checkbox determina que o campo seja inicializado marcado; size: tamanho: indica qual será o tamanho visível do campo na tela em caracteres; maxlength: entrada máxima, indica qual é o número de caracteres permitidos para entrada no controle; min: valor mínimo, indica qual será o menor valor numérico aceito no controle; max: valor máximo, indica qual será o maior valor numérico aceito no controle. Tags para Formulários Formulários são conjuntos de campos usados para criar uma página de entrada de dados. Existe um comando HTML para definir formulários. É o comando form cuja sintaxe é: <form method=método action=acção> O método do form é usado para especificar como o formulário será enviado para o servidor. Pode ser GET ou POST. O action do form é a URL (página.php) do CGI (common gateway interface) que fará o tratamento dos dados do formulário. O CGI é o programa que reconhece os dados enviados pelo utilizador e o envio do formulário para o destinatário. O prrottoccol lo httttp -- GET e o prrottoccol lo httttp -- POST Estes protocolos codificam parâmetros do pedido de pares de nome e valor no pedido de HTTP. O protocolo HTTP-GET e o protocolo HTTP POST fornecem retro-compatibilidade das seguintes formas. O protocolo HTTP-GET cria uma cadeia de consulta dos pares de nome e valor e, em seguida, anexa a cadeia de consulta ao URL do script no servidor que processa o pedido. Por conseguinte, pode marcar o pedido. O protocolo HTTP POST passa os pares de nome e valor no corpo da mensagem de pedido HTTP. O método GET é usado quando queremos pesquisar ou passar dados para uma outra página usando a URL da página. Vejamos um exemplo: /busca.php?produto=543 Tudo o que é inserido depois do "?" é considerado Query String e pode ser acedido na página actual usando a combinação nome=valor, onde nome é "produto" e valor é "543". Se mais de um par nome=valor precisar ser enviado, o símbolo "&" é usado na separação. Vejamos:
11 O método POST é usado quando queremos enviar dados a serem gravados numa base de dados ou para uma ficheiro ou página. Vejamos um formulário HTML que usa o método POST para enviar dados para uma página ou ficheiro: <form name="teste" method="post" action="pesquisar.php"> <input type="text" name="produto"> Aqui a página pesquisar.php receberá um par composto pelo nome do campo "produto" e o valor informado pelo utilizador. Quando estivermos a usar o método POST temos de definir nomes para os campos do formulário (propriedade name). Tais nomes não devem conter espaços ou caracteres especiais. Quando fazemos uma requisição HTTP, utilizamos sempre o GET. Se digitamos um endereço na barra de endereço o navegador faz uma requisição HTTP para o servidor do endereço digitado e o método dessa requisição é o GET. Se clicamos num link de um site, o navegador encarrega-se de fazer uma requisição HTTP com o método GET, para buscar o conteúdo da página que clicámos. Como Funciona o Método GET O método GET utiliza a própria URL para enviar dados ao servidor. Quando enviamos um formulário pelo método GET, o navegador pega nas informações do formulário e coloca-as junto com o URL de onde o formulário vai ser enviado e envia, separando o endereço da URL dos dados do formulário por um? (ponto de interrogação). Quando pesquisamos no Google, este faz uma requisição utilizando o método GET, podemos ver na barra de endereço que o endereço ficou com um ponto de interrogação no meio, e depois do ponto de interrogação podemos ler, de entre outros caracteres, o que você pesquisámos no Google. Quando Utilizar o Método GET Devemos utilizar o método GET sempre que a requisição que fazemos não altere o estado do servidor, tipo uma consulta, uma busca ou qualquer outra coisa que, além de não alterar o estado do servidor. Como Funciona 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 e com isso podemos enviar qualquer tipo de dados por este método. Quando fazemos um registo num formulário e depois de enviar a URL não existe o ponto de interrogação separando os dados que digitámos, provavelmente o formulário foi enviado pelo método POST.
12 Quando Utilizar o Método POST Programação em HTML aspectos avançados Utilizamos o método POST sempre que vamos alterar alguma coisa no servidor. Este método é utilizado em formulários de registo de utilizadores, envio de dados para alteração do sistema, entre outros. A diferença entre GET e POST é simples, sempre que consultamos alguma coisa, utilizamos GET mas se for para fazer alguma alteração com a requisição, envio de ficheiros ou os dados, utilizamos o POST. Diferenças no lado do Servidor entre GET e POST (PHP, CGI) Como vimos enviar dados pelo método GET e POST é muito diferente, desta forma, o servidor também trata esses dados de diferentes formas. No PHP, quando enviamos dados pelo método GET, ele cria um array identificado por $_GET, que contém todos os dados enviados por esse método. Quando enviamos os dados pelo método POST, o PHP cria um array identificado por $_POST, também com todos os dados enviados por esse método. Já num script CGI, quando utilizamos o método GET, os dados são recebido numa variável de ambiente, e com o método POST, os dados são recebidos pela entrada padrão (stdin). Voltamos agora ao exemplo do nosso formulário.. Inserção de scripts A adição de scripts às páginas escritas em HTML pode fazer com que elas sejam capazes de reagir de forma dinâmica e interagir com os utilizadores. Inserir um script numa página HTML A inserção de um script em HTML faz-se através do elemento <script>. <script type="text/javascript"> document.write("olá Mundo!"); </script> O script apresentado acima produz o seguinte resultado:
13 Elementos para inserir scripts e código <script> Define um bloco que contém um script <noscript> Define texto alternativo para ser apresentado sempre que o script não é executado <object> Insere um objecto na página <param> Define parâmetros para controlar o objecto Exemplos de Aplicação Como inserir um script <script type="text/javascript"> document.write('<h1>olá Mundo!</h1>') </script> <h1>olá Mundo!</h1>
Autoria Web. Professor: Diego Oliveira. Conteúdo 03: Tags de Formulário
Autoria Web Professor: Diego Oliveira Conteúdo 03: Tags de Formulário Caminhos Os caminhos dentro de um projeto HTML podem ser Relativos ou Absolutos O caminho Relativo é o caminho a partir da página em
Leia maisCurso de HTML aula 4. Sumário. 1 Formulários. 1.1 Construindo formulários com o FORM. 1.2 Método:
Sumário 1 Formulários... 1 1.1 Construindo formulários com o FORM... 1 1.2 Método:... 1 1.3 INPUT... 2 2 Outros valores para type... 3 2.1 TYPE="RADIO"... 3 2.2 TYPE="PASSWORD"... 3 2.3 TYPE="CHECKBOX"...
Leia maisFormulá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,
HTML 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, HTML mostrou-se uma linguagem bastante adequada
Leia maisDesenvolvimento Web TCC Turma A-1
Desenvolvimento Web TCC-00.226 Turma A-1 Conteúdo Projeto de Interface com o Usuário em HTML Professor Leandro Augusto Frata Fernandes laffernandes@ic.uff.br Material disponível em http://www.ic.uff.br/~laffernandes/teaching/2013.2/tcc-00.226
Leia maisINTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT
v1.1 06/04/2017 INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT AULA 3 TRABALHANDO COM FORMULÁRIOS Eder Franco @ FPF Tech Agenda 1. Introdução 2. A tag form e seu atributos 3. As tags
Leia maisDesenvolvimento em Ambiente Web. Prof. André Y. Kusumoto
Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Um Formulário é uma área com entrada de dados disponível para o usuário. A ideia básica do formulário é apresentar campos
Leia maisFormulários [8] Desenvolvimento e Design de. Websites. Prof.: Ari Oliveira
Desenvolvimento e Design de Websites Prof.: Ari Oliveira Formulários: Tag form Campos: Texto, Senha, checkbox, radio, botões, textarea e menu select. 2 Crie uma Tabela de Horários Faça seu horário semanal,
Leia maisFORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT)
FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT) Formulários (FORMS): Um formulário é uma área que pode conter elementos de formulário. Elementos de formulário são elementos que permitem ao usuário
Leia maisOs componentes de um formulário são: Form, Input, Select e AreaText
HTML Formulário O elemento FORM, da HTML, é o responsável por prover documentos interativos no ambiente WWW de forma que uma pagina web exibida a um usuário possa submeter um conjunto de dados, informados
Leia maisProgramação para a Internet II PHP Formulários. Nuno Miguel Gil Fonseca
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.
Leia maisAutoria Web. Formulários Aula 5. Cleverton Hentz
Autoria Web Formulários Aula 5 Cleverton Hentz Sumário da Aula } Introdução } Formulários Básicos } Elementos Suportados 2 Introdução } Os formulários possibilitam o envio de informação para o servidor
Leia maisFinalidade dos formulários
ENTENDENDO O FORMULÁRIO Na opinião de muitos a criação de formulários na linguagem HTML é uma das áreas mais importantes no desenvolvimento web. Diferentemente de outras marcações HTML o formulário não
Leia maisFormulários. Objetivo Controles Métodos Linhas de Edição
Formulários Formulários Objetivo Controles Métodos Linhas de Edição Formulários HTML O conjunto de controles de edição é limitado Botões Linhas de Edição Combo-boxes Listas Caixas de marcação(check-boxes)
Leia maisInformática I. Aula 8. Aula 8-19/09/2007 1
Informática I Aula 8 http://www.ic.uff.br/~bianca/informatica1/ Aula 8-19/09/2007 1 Ementa Noções Básicas de Computação (Hardware, Software e Internet) HTML e Páginas Web Internet e a Web Javascript e
Leia maisProgramação para Internet I
Programação para Internet I Aulas 09 e 10 Fernando F. Costa nando@fimes.edu.br Formulários O formulário representa o modo mais importante de interatividade que a linguagem HTML oferece. Um formulário pode
Leia maisHTML Parte III. André Tavares da Silva.
HTML Parte III André Tavares da Silva andre.silva@udesc.br Formulários São estruturas que permitem que usuários submetam dados a uma página. Esses dados podem ser tratados e/ou armazenados dependendo da
Leia maisUFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues
UFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues 0793 Scripts CGI e folhas de estilo Objectivos da UFCD: Desenvolver páginas para a Web, através de scripts CGI e folhas de estilo. UFCD
Leia maisHyperText Markup Language HTML. Formulário
HyperText Markup Language HTML Formulário Prof. Luis Nícolas de Amorim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ Introdução O usuário interage com os serviços
Leia maisDesenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes
Desenvolvimento Web XHTML Formulários Prof. Bruno E. G. Gomes 2014 Introdução Um recurso bastante utilizado no desenvolvimento Web é o envio de dados de uma página para o servidor quando fornecemos informações,
Leia maisHTML. Leonardo Gresta Paulino Murta
HTML Leonardo Gresta Paulino Murta leomurta@gmail.com Introdução a HTML Formulários em HTML Critério para escolha de campos Agenda Leonardo Murta HTML 2 HTML HyperText Markup Language Criada por Tim Berners-
Leia maisINTRODUÇÃO AO DESENVOLVIMENTO WEB
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Formulários Os formulários em HTML são usados para selecionar diferentes tipos de entradas do usuário. Um formulário é uma área que
Leia maisFormulários. Etapa 1 Criação de formulários
9 Formulários Objetivos deste capítulo Ao terminar este capítulo, você deverá: Saber o que são formulários; Conhecer as principais tags para construção de um formulário; Criar o layout simples de um formulário.
Leia mais- os dados entrados fazem parte do corpo da mensagem enviada para o servidor; - transfere grande quantidade de dados.
Formulários Um formulário é um modelo para a entrada de um conjunto de dados. O primeiro passo para fazer formulários é aprender as etiquetas que desenham as janelinhas de entrada de dados, para depois
Leia maisCOMO FUNCIONA UM FORMULÁRIO
FORMULÁRIOS Constitui-se numa das formas de a máquina cliente enviar informações para que um programa no servidor receba estes dados, processe-os e devolva uma resposta ao usuário, por meio do navegador,
Leia maisRecursos Complementares (Tabelas e Formulários)
Linguagem de Programação para Web Recursos Complementares (Tabelas e Formulários) Prof. Mauro Lopes 1-31 30 Objetivo Nesta aula iremos trabalhar o conceito de tabelas e todas as tags associadas ao seu
Leia maisA área de um formulário, na codificação HTML da página, é delimitada pelo par de marcadores <FORM> e </FORM>.
Formulário em JSP Revisão de formulários em HTML Formulários Formulários estão presentes na Internet para possibilitar cadastros, pesquisas, envio de comentários, aumentando o poder de interação com os
Leia maisSIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como criar formulários em HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte por quaisquer
Leia maisProgramação para Internet
AULA: Passagem de parâmetros em PHP (URL e Formulários) Programação para Internet http://docentes.ifrn.edu.br/albalopes alba.lopes@ifrn.edu.br Passagem de parâmetros Em PHP, há algumas formas de passar
Leia maisWeb Design Aula 09: Formulários
Web Design Aula 09: Formulários Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação Roteiro Tag ... Tag Tag ... Rádio Checkbox Atributo name Form Um
Leia maisC 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
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
Leia maisO código acima descreve o formulário com uma caixa de texto e dois botões
Formulários Formulários permitem que os usuários interajam com um servidor Web passando informações. Assim, através da Web, se pode ler e gravar informações em Banco de Dados, gerando enormes possibilidades
Leia maisHTML & CSS. Aula 04. Prof. Gerson Borges HTML & CSS 1
HTML & CSS Aula 04 Prof. Gerson Borges HTML & CSS 1 Formulários A linguagem HTML também permite que o cliente (navegador) interaja com o servidor, preenchendo campos, clicando em botões e passando informações.o
Leia maisWeb Design Aula 10: Formulários - Parte2
Web Design Aula 10: Formulários - Parte2 Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Roteiro Textarea Select FieldSet e Legend Atributo Action Atributo Method Exercício Form Um formulário
Leia maisProgramação para web HTML: Formulários
Programação para web HTML: Formulários Professor: Harlley Lima E-mail: harlley@decom.cefetmg.br Departamento de Computação Centro Federal de Educação Tecnológica de Minas Gerais Belo Horizonte, 9 de março
Leia maisHTML. Frames e FORMs
HTML Frames e FORMs Frames As frames são divisões do ecrã do browser em diversas janelas (ou quadros ). Torna-se assim possível apresentar mais do que uma página numa janela do browser. É muito fácil colocar
Leia maisHTML: FORMULÁRIOS SUMÁRIO. Conceito Tag FORM Tag INPUT Tag BUTTON Tag TEXTAREA Tag SELECT
HTML: FORMULÁRIOS CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB I PROF. ALEXANDRO DOS SANTOS SILVA 1 1 SUMÁRIO Conceito Tag FORM Tag INPUT Tag BUTTON Tag TEXTAREA Tag SELECT 2
Leia maisTECNOLOGIAS WEB AULA 7
TECNOLOGIAS WEB AULA 7 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Apresentar as principais tags utilizadas na construção de formulários em HTML. Compreender as principais estruturas formadas com as
Leia mais1. Aspectos Gerais dos Formulários
Aula 7: Formulários Com certeza você já deve ter preenchido algum formulário em suas "viagens" pela Internet, pois esta é uma forma cada vez mais comum de interagir com os visitantes de um site, para obter
Leia mais0,5 pelo negrito das palavras ID, Nome, E-mail e Analisar em outro momento.
IFES - Campus Cachoeiro de Itapemirim-ES Curso Técnico em Informática Disciplina: Programação Web Professor: Flávio Izo e Rafael Vargas Data: 07/04/2015 Aluno: GABARITO Valor: 12,5 Conteúdo: HTML + Formulários
Leia maisProgramação Web Prof. Wladimir
Programação Web Prof. Wladimir HTML - Formulários @wre2008 1 Sumário Formulários HTML @wre2008 2 Formulários: Muitos elementos de um formulário html são definidos pela tag . Cada tipo de elemento
Leia maisFormulários em HTML - O que são e para que servem
Formulários em HTML - O que são e para que servem A tag - Os atributos action e method A primeira coisa que iremos fazer é usar a tag para podermos usarmos formulários. Antes de entrarmos
Leia maisDesenvolvimento de Aplicações para Internet
Desenvolvimento de Aplicações para Internet CSS Celso Olivete Júnior olivete@fct.unesp.br HTML Formatando o documento... Formulário Responsável por fazer a interação entre os dados fornecidos pelo usuário
Leia maisHTML - 7. Vitor Vaz da Silva Paula Graça
HTML - 7 Vitor Vaz da Silva Paula Graça 1 Formulários Os formulários forms no HTML, são utilizados para a introdução de dados de uma determinada aplicação Os programas JavaScript têm como um dos seus maiores
Leia maisHTML. Professor Victor Sotero. html
HTML Professor Victor Sotero html 1 Conceito Linguagem com a finalidade de marcação de hipertexto, sendo assim escritas páginas da web, e interpretada pelo navegador. As páginas contém um código fonte,
Leia maisConteúdo Dinâmico. Introdução. Interação Browser x Servidor Web. Interação Browser x Servidor Web
Introdução Formulários rios & Conteúdo Dinâmico Mário Antonio Meireles Teixeira Dept o. de Informática - UFMA A Web surgiu inicialmente como uma nova forma de comunicação de informações, fazendo uso de
Leia maisDesenvolvimento de Aplicações WEB (DAW) Prof. Julio Arakaki 1o. Semestre 2016
Desenvolvimento de Aplicações WEB (DAW) Prof. Julio Arakaki 1o. Semestre 2016 Utilizado para coletar dados de entrada do usuário. Sintaxe:
Leia maisLINGUAGEM DE PROGRAMAÇÃO WEB
LINGUAGEM DE PROGRAMAÇÃO WEB GABRIELA TREVISAN Formulários e Aula 3 Relembrando HTML 5 Tag Form o Utilizada para marcar a região do formulário. o Os atributos mais importantes são o method e o action.
Leia maisAula 05 HTML FORMULÁRIOS Prof. Daniela Pires Sumário
Sumário FORMULÁRIO EM HTML... 2 FORM... 2 ACTION... 2 METHOD... 2 INPUT... 2 INPUT TYPE TEXT... 2 INPUT TYPE PASSWORD... 2 CHECKBOX - Múltipla escolha... 4 RADIO - Escolha única... 4 Botões de ação...
Leia maisOs 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
INTRODUÇÃO A PROGRAMAÇÃO HTML 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 apenas os comandos necessários
Leia maisO que faz um servidor/navegador web? 14/03/2016 Rômulo da Silva Lima Slid e 2
HTML O que faz um servidor/navegador web? e 2 O que é? HyperText Markup Language Utilizada para produzir páginas WEB Documentos escritos na linguagem HTML podem ser traduzidos por browser O HTML utiliza
Leia maisTabelas Div Span Frames Formulários
Tabelas Div Span Frames Formulários Tabelas Tabelas implementam um conceito importante de layout: as grades, segundo as quais organizamos textos e ilustrações de maneira harmoniosa. A utilização de tabelas
Leia maisFormulários HTML. Envio de Informação para o servidor
Programação Na Web Formulários HTML Envio de Informação para o servidor 1 António Gonçalves Agenda Envio de dados através de formulários A Marca FORM Controle para Text Botões tipo Push Botões Check boxes
Leia maisPROGRAMAÇÃO WEB DO LADO DO CLIENTE
PROGRAMAÇÃO WEB DO LADO DO CLIENTE FORMULÁRIO Na linguagem HTML é permitido que o usuário interaja com o servidor através de formulários ligados a scripts desenvolvidos em linguagens como PHP, Servlets,
Leia maisTutorial Cold Fusion Módulo 2 Cold Fusion Brasil -
www.coldfusionbrasil.com.br 2000 ENTENDENDO MAIS SOBRE CFOUTPUT 3 USO DO PARÂMETRO GROUP 3 USO DO PARÂMETRO GROUPCASESENSITIVE 4 USO DO PARÂMETRO STARTROW 4 USO DO PARÂMETRO MAXROWS 4 CRIANDO FORMULÁRIOS
Leia maisindica o nome do campo pelo qual podemos acessar.
Formulários Em geral Com o Javascript, os formulários Html tomam outra dimensão. Não esqueça que em Javascript, podemos acessar cada elemento de um formulário para, por exemplo, ler ou escrever um valor,
Leia mais7. Formulários em XHTML
Programação para Internet I 7. Formulários em XHTML Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Os formulários constituem uma das principais formas de interacção entre clientes e servidores. São
Leia maisIntrodução à linguagem HTML. Volnys Borges Bernal
1 Introdução à linguagem HTML Volnys Borges Bernal 2013-2015 Volnys Bernal 2 Introdução à linguagem HTML Sumário Visão geral Primeira página Principais tags Principais atributos Formulários 2011-2015 Volnys
Leia maisHTML BÁSICO E TEMPLATE VIEW. Gabrielle Amorim Porto
HTML BÁSICO E TEMPLATE VIEW Gabrielle Amorim Porto HTML BÁSICO E TEMPLATE VIEW Hypertext Markup Language Linguagem de marcação de hipertexto; Descreve a estrutura das páginas Web utilizando tags. HTML
Leia maisINTRODUÇÃO AO JQUERY PROF. ME. HÉLIO ESPERIDIÃO
INTRODUÇÃO AO JQUERY PROF. ME. HÉLIO ESPERIDIÃO Introdução JQuery é uma biblioteca JavaScript desenvolvida para simplificar os scripts client-side que interagem com o HTML. Ela foi lançada em janeiro de
Leia maisCOM222 DESENVOLVIMENTO DE SISTEMAS WEB. Aula 01: HTML e CSS
COM222 DESENVOLVIMENTO DE SISTEMAS WEB Aula 01: HTML e CSS 2 Conteúdo Noções introdutórias HTML CSS HTML: HyperText Markup Language 3 Linguagem usada para construir páginas Web Função principal Estruturar
Leia maisHTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web;
HTML Introdução Introdução ao HTML HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web; É uma linguagem de hipertexto; Permite escrever texto de forma estruturada, que está
Leia maisIntrodução. HyperText Markup Language HTML. Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário
Introdução HyperText Markup Language HTML Formulário Prof. Luis Nícolas de Amorim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ O usuário interage com os serviços
Leia maisMini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva
Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Aula 1 Breve introdução de HTML, Conceitos básicos de PHP, Sintaxe, Separador de instruções e Comentários (Cap 1
Leia maisINTRODUÇÃO AO JQUERY PARTE 2. Prof. Me. Hélio Esperidião
INTRODUÇÃO AO JQUERY PARTE 2 Prof. Me. Hélio Esperidião ATRIBUINDO EVENTOS A TAGS OU SELETORES Nome do seletor ou nome do id precedido de # Nome do evento Bloco de código que deve ser executado caso o
Leia maisVolnys Bernal. Introdução à linguagem HTML. Introdução à linguagem HTML. Visão geral. Visão geral. Visão geral. Visão geral.
1 2 Introdução à linguagem HTML Sumário Volnys Borges Bernal Primeira página Principais tags Principais atributos 3 4 HTML HTML = HyperText Markup Language Linguagem de marcação (Markup) para criação de
Leia maisTabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/04/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Tabelas INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 3 Largamente suportado(browser); Controlar
Leia maisPHP INTRODUÇÃO ELEMENTO INPUT CAMPO DE TEXTO
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
Leia maisTabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/06/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Tabelas INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 3 Largamente suportado(browser); Controlar
Leia maisAula 09 PHP e formulários HTML. Prof. Pedro Baesse
Aula 09 PHP e formulários HTML Prof. Pedro Baesse pedro.baesse@ifrn.edu.br Como criar um formulário Enviando as informações para um programa PHP Método GET Método POST Como tratar as informações recebidas
Leia maisProfessor Jefferson Chaves Jefferson de Oliveira Chaves
Professor Jefferson Chaves Jefferson.chaves@ifc-araquari.edu.br Entrada de dados; Formulários Escopo de variáveis; $_GET, $_POST e as variáveis $_SUPERGLOBAIS; O método isset( ); As declarações include
Leia maisTECNOLOGIA E PROGRAMAÇÃO WEB
TECNOLOGIA E PROGRAMAÇÃO WEB AULA 6 - MÓDULO 2 Formulários, vídeo e áudio LICENCIATURA EM AUDIOVISUAL E MULTIMÉDIA - 2016/2017 DOCENTE: Joana Souza / jsouza@escs.ipl.pt HTML - Formulários Em HTML os formulários
Leia maisProgramando em PHP. Conceitos Básicos
Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Conceitos Básicos Todo o escopo deste estudo estará voltado para a criação de sites com o uso dos diversos recursos de programação web
Leia maisFormulário (Send & Recieve) Prof. Celso H. Masotti
Formulário (Send & Recieve) Prof. Celso H. Masotti 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)
Leia maisProfessor Jefferson Chaves Jefferson de Oliveira Chaves
Professor Jefferson Chaves jefferson.chaves@ifc-araquari.edu.br Introdução ao Ambiente Cliente x Servidor; Os métodos GET e POST; Formulários HTML; Validação de dados; HTML, CSS e JavaScript (somente
Leia maisCurso 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
Curso de PHP Palestrantes: Marco Aurélio Jefson Farias - Início 22 de agosto Curso de PHP - Término 20 de outubro. - Aulas: segunda e quinta-feira - Horário:18h às 20h. - Carga horária do curso: 40h -
Leia maisGuia visual de controles de formulário HTML
Guia visual de controles de formulário HTML Márcio d'ávila, 17 de dezembro de 2003. Categoria: Internet: Servidor: Formulários Controle bem-sucedido controle de formulário bem-sucedido é aquele válido
Leia maisProtocolo HTTP. - Características. - Modelo Requisição/Resposta. - Common Gateway Interface (CGI)
Protocolo HTTP - Características - Modelo Requisição/Resposta - Common Gateway Interface (CGI) Características Hypertext Transfer Protocol (HTTP) Protocolo utilizado para transferir documentos de hipertexto
Leia maisFolha Prática Nº3. HTML : Formulários e Formatações. UNIVERSIDADE DA BEIRA INTERIOR Faculdade de Engenharia Departamento de Informática
Folha Prática Nº HTML : Formulários e Formatações . Formulário NOTA: A caixa de seleção da massa deverá ter como opções: Fina, Normal, Extra. 0 0 0 nota de Encomenda
Leia maisftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia3.zip dezembro 1995 Tutorial - Autoria em World Wide Web
RNP REDE NACIONAL DE PESQUISA Centro Regional de Brasília CR/DF ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia3.zip dezembro 1995 Tutorial - Autoria em World Wide Web Parte III - Hypertext
Leia maisNovos inputs em HTML5
Novos inputs em HTML5 Através do elemento input nós podemos criar botões, campos de texto, checkboxes, radios e muito mais. O HTML5 nos trouxe uma variedade de mais 13 novos tipos de elementos input que
Leia maisFábio Borges de Oliveira. HTML HyperText Markup Language
Fábio Borges de Oliveira HTML HyperText Markup Language Frame
Leia maisImplementação do Sistema de Gestão de Expedientes e Despachos
Implementação do Sistema de Gestão de Expedientes e Despachos Manual do Utilizador - Secretaria e Correspondência Ver 2.0 15 DeAbril de 2015 Índice Tela de login... 2 Menu... 3 Alteração de senha... 3
Leia maisMais sobre uso de formulários Site sem Ajax
Mais sobre uso de formulários Site sem Ajax Página com busca padrão 1 Página com o resultado da busca carregada no local da anterior (o formulário está vazio) Site com Ajax 2 Site usando Ajax para preencher
Leia maisUniversidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação. Trabalhando com PHP
Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação Trabalhando com PHP Desenvolvimento de Sistemas para WEB Site: http://jeiks.net E-mail: jacsonrcsilva@gmail.com
Leia maisRoteiro 06. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I
Roteiro 06 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Desenvolvimento de Sistemas Disciplina: Programação para WEB I Roteiro 06 Objetivos Layout responsivo Formulários HTML 2 Layout responsivo
Leia maisPublicação de uma pesquisa na web pelo Sphinx iq2
Publicação de uma pesquisa na web pelo Sphinx iq2 Pré-requisitos: Lista de variáveis Layout da pesquisa Conta em um servidor da SPHINX Brasil A publicação de pesquisas na web possibilita que pesquisas
Leia maisAplicações e Serviços de Internet
Aplicações e Serviços de Internet Scripting no Cliente JavaScript & DOM Controlo de Dados Conteúdo JavaScript DOM 2 2 Lado Cliente: Como chamar JavaScript?. Escrever sua função* e inseri-la na página HTML
Leia maisC A P I T U L O 5 C O M A N D O D E F L U X O
C A P I T U L O 5 C O M A N D O D E F L U X O Sempre que for necessária uma tomada de decisão dentro de um programa, você terá que utilizar um comando condicional, pois é por meio dele que o PHP decidirá
Leia maisIFSC-Programação para a WEB - prof. Herval Daminelli
1 Um script em PHP ou página HTML pode transferir dados para outro script em PHP no servidor de diversas maneiras. Algumas destas maneiras são: Por meio de formulários, usando o método GET ou POST; Através
Leia maisTecnologias Web. Formulários HTML
Tecnologias Web Formulários HTML Cristiano Lehrer, M.Sc. Tag form (1/2) Todo formulário em HTML é construído usando elementos dentro de um bloco . O bloco define a URL que receberá o formulário
Leia maisLista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique.
Lista de Revisão 1. Nos sistemas web, geralmente os usuários apresentam dois problemas típicos, a desorientação e a sobrecarga cognitiva. Discorra sobre esses problemas. 2. Apresente as principais diferenças
Leia maisDWEB. Design para Web. HTML5 - Marcação de formulário. Curso Superior de Tecnologia em Design Gráfico
DWEB Design para Web Curso Superior de Tecnologia em Design Gráfico HTML5 - Marcação de formulário E não vos conformeis com este século, mas transformai-vos pela renovação da vossa mente, para que experimenteis
Leia maisLinguagem de. Aula 06. Profa Cristiane Koehler cristiane.koehler@canoas.ifrs.edu.br
Linguagem de Programação IV -PHP Aula 06 Profa Cristiane Koehler cristiane.koehler@canoas.ifrs.edu.br Criação de Formulários o Um formulário consiste em uma série de campos que são preenchidos pelo usuário
Leia maisExercícios Práticos de HTML e JavaScript. <FORM ACTION="mailto:teste@gmail.com" METHOD="POST" ENCTYPE="text/plain" NAME="cadastro">
Exercícios Práticos de HTML e JavaScript Exercício 1: Formulário Padrão HTML SEM JavaScript
Leia maisWeb Presentation Patterns - Controllers
Instituto Superior Técnico 29 de Novembro de 2004 1 2 3 Page Controller Front Controller 4 5 Porquê Usar Web Applications Não necessita instalar software no cliente. Acesso universal fácil. Interface comum
Leia maisINTRODUÇÃO. JavaScript PROF. ME. HÉLIO ESPERIDIÃO
INTRODUÇÃO JavaScript PROF. ME. HÉLIO ESPERIDIÃO 1 É uma linguagem de programação interpretada, que pode ser usada junto com o HTML. O que é JavaScript? Esta linguagem é interpretada pelo navegador. Permite
Leia maisPortal de Credenciação: Manual do utilizador
Portal de Credenciação: Manual do utilizador Rua Viriato, n.º 7, 1050-233 LISBOA Tel: (+351) 213 878 046/7 Fax: (+351) 213 858 823 credencial@cases.pt http://www.cases.pt cooperativaantoniosergio Portal
Leia maisProgramação Web Prof. Wladimir
Programação Web Prof. Wladimir Linguagem HTML Listas e Formulários @wre2008 1 Sumário Listas Revisão da tag Criação de formulários HTML @wre2008 2 Listas As listas são utilizadas para citar, numerar
Leia mais