1. Aspectos Gerais dos Formulários
|
|
|
- Ana Klettenberg Caminha
- 9 Há anos
- Visualizações:
Transcrição
1 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 dados do visitante ou registrar sua opinião. Os formulários são feitos como qualquer página. Eles são o assunto desta aula. Objetivos: Nesta aula você vai aprender tudo sobre construção de formulários e estará se habilitando a criá-los. Conhecerá: - as formas de envio pelos métodos POST e GET, - o envio por , - os diversos elementos de interação: campos de entrada de texto, botões de seleção exclusiva e não-exclusiva e listas de seleção. Pré-requisitos: As aulas anteriores de links e tabelas serão importantes para entender bem os formulários. 1. Aspectos Gerais dos Formulários A principal forma de trocar informações entre o usuário de uma página e o responsável por um site é através de formulários. A linguagem HTML oferece uma série de elementos de interação com o usuário que podem ser agrupados em um formulário. O resultado desta interação é posteriormente enviado diretamente pela rede para um programa executado no servidor ou enviado por para o responsável pelo site. Programas CGI (Common Gateway Interface) são programas executados pelo servidor Web, de onde recebem seus dados de entrada e para quem produzem sua saída (que geralmente é uma página Web). Freqüentemente,são escritos em uma linguagem de script, como Perl. A tag <FORM>... </FORM> delimita a área ocupada pelo formulário. Isto é, toda a seqüência de entrada de dados e de formatação do formulário deve ser delimitada por essa tag. Esta tag possui dois atributos principais que indicam quem vai receber os dados do formulário (atributo ACTION) e a forma como eles serão enviados pela rede (atributo METHOD). O atributo ACTION serve para informar a URL do programa CGI que irá processar o formulário. É possível utilizar este atributo para informar ao administrador do site que os dados do formulário serão enviados por . Neste caso, o método de envio deve, obrigatoriamente, ser definido como POST. São duas as formas de envio pela rede: Get - os dados são anexados à URL. Post - os dados são enviados separados da URL. 1
2 Quando o atributo METHOD recebe o valor GET, o conteúdo do formulário é enviado para o servidor anexado à URL definida no atributo ACTION. Este método é adequado a formulários pequenos, com pouca informação. Também não é conveniente enviar dados sigilosos por este método pois, além deles serem transmitidos sem nenhuma proteção, estarão visíveis na área de endereços do navegador. O outro valor que pode ser atribuído a METHOD é POST. Neste caso, as informações do formulário são enviadas separadas da URL. O exemplo a seguir mostra um formulário que será enviado para o endereço [email protected]: <FORM METHOD=POST ACTION="mailto:[email protected]">... </FORM> O interior da tag <FORM>...</FORM> pode conter quatro novos tipos de tag que servem para definir os diversos elementos de interação. Estas tags são: <INPUT> <SELECT>... </SELECT> <OPTION> <TEXTAREA>... </TEXTAREA> Antes de descrevermos os detalhes destas novas tags, vejamos um exemplo. Nas linhas abaixo, veremos o código que permitiu a criação do formulário mostrado na figura 7.1. <HTML> <HEAD> <TITLE> Curso CEDERJ: Construção de Páginas Web - Aula 7: Formulários </TITLE> </HEAD> <BODY BGCOLOR="#DDFFFF"> <FORM METHOD="POST" ACTION="mailto:[email protected]"> <p>se voce tem uma pagina relacionada a temas deste curso, ou visitou uma pagina que ache interessante, contribua apresentando este link para incluirmos aos nossos.</p> <p>seu <INPUT TYPE="TEXT" NAME ="Seu nome" SIZE="30"></p> <p>qual o endereco do site? <INPUT TYPE="TEXT" NAME ="homepage" VALUE =" SIZE =50 MAXLENGHT=100></p> <p>sexo: M <INPUT TYPE=radio NAME ="sex" VALUE =M> F <INPUT TYPE=radio NAME ="sex" VALUE =F></p><BR> <p>de onde voce vem? Brasil <INPUT TYPE=checkbox NAME ="country" VALUE ="Brasil" CHECKED> Portugal <INPUT TYPE=checkbox NAME ="country" VALUE ="Portugal"> 2
3 Cabo Verde <INPUT TYPE=checkbox NAME ="country" VALUE ="Cabo Verde"> Angola <INPUT TYPE=checkbox NAME ="country" VALUE ="Angola"> Mocambique <INPUT TYPE=checkbox NAME ="country" VALUE ="Mocambique"> Timor Leste <INPUT TYPE=checkbox NAME ="country" VALUE ="Timor Leste"></P> <p>seu interesse neste tema se relaciona a: <SELECT NAME ="interesse"> <OPTION VALUE ="curiosidade"> curiosidade <OPTION VALUE ="pesquisa">pesquisa <OPTION VALUE ="programas">programas <OPTION VALUE ="trabalhos">trabalhos <OPTION VALUE ="imagens">imagens <OPTION VALUE ="aplicacao">aplicacao <OPTION VALUE ="outros">outros</select ></p> <p>gostaria de mandar uma mensagem? <TEXTAREA NAME ="message" ROWS=5 COLS=70> Por favor escreva aqui seus comentários </TEXTAREA></p> <INPUT TYPE="RESET" VALUE="LIMPAR"> <INPUT TYPE="SUBMIT" VALUE="ENVIAR"> <INPUT TYPE ="HIDDEN" NAME="mail" VALUE </FORM> </BODY> </HTML> Figura Formulário gerado pelo código HTML anterior 3
4 2. A tag <INPUT> A tag <INPUT> é bastante versátil e permite criar: campos para entrada de texto campos para entrada de senhas botões comuns botões estilo rádio botões de seleção múltipla A tabela 7.1 mostra os atributos e valores possíveis de <INPUT>. O atributo type permite definir o tipo de entrada de dados e o aspecto do elemento de interação. Dependendo do valor atribuído à type, aparecerão janelas onde os dados serão digitados, campos para senhas ou botões dos diversos tipos. Para alguns atributos de type, os outros atributos de input podem nem fazer sentido. O valor String indica que o dado será um texto. Tamanho corresponde a um valor numérico. Tabela 7.1 Atributos de <INPUT> Atributo Valor Descrição TYPE TEXT Entrada para texto. PASSWORD Campo para senha. RADIO Botões de seleção exclusiva (radio). CHECKBOX Botões de seleção múltipla. BUTTON Botão comum. SUBMIT Botão que envia o formulário. RESET Botão que limpa os campos do formulário. HIDDEN Campo que não será mostrado, útil para atribuir valores a NAME. NAME String Nome da variável associada ao campo. VALUE String Valor default do campo. SIZE Tamanho Tamanho do campo TEXT ou PASSWORD. MAXLENGTH Tamanho Número máximo de caracteres a ler. CHECKED Define um campo CHECKBOX como selecionado Usando a Tag <INPUT> para Criação de um Campo para Entrada de uma Linha de Texto A definição do atributo TYPE=TEXT na tag <INPUT> permite a criação de um campo para entrada de uma linha de texto. A aparência que isso terá no formulário gerado é a de uma área retangular onde é possível escrever uma linha de texto. Repare, na figura 7.1, as áreas retangulares que aparecem após os textos: "Seu " e "Qual o endereco do site?" As informações digitadas por um usuário no formulário são enviadas ao servidor no formato nome=valor. Por isso, cada elemento de interação contém um atributo NAME que deve obrigatoriamente ter um nome definido de modo que este elemento possa ser identificado pelo CGI. O exemplo abaixo faz com que o navegador exiba na página um campo de entrada de texto; caso o 4
5 usuário digite joao e envie o formulário, a informação será recebida pelo programa na forma de conta=joao : Conta:<INPUT TYPE=TEXT NAME=conta> É possível preencher o campo com um valor padrão que é exibido após o carregamento da página. Isso é feito através do atributo VALUE, como mostrado na segunda janela de texto das linhas de HTML que geram a figura 7.1. A omissão do atributo TYPE, na tag <INPUT>, faz com que o navegador assuma o tipo TEXT. Ou seja, esta é a opção default. É possível definir o tamanho da área para entrada de texto através do atributo SIZE. Este atributo não limita o número de caracteres que o usuário pode digitar, apenas o tamanho do campo. Para se indicar o número máximo de caracteres que pode ser digitado pelo usuário deve-se definir o atributo MAXLENGTH. No exemplo abaixo, a área de entrada de texto tem o tamanho de 7 caracteres, mas o usuário pode digitar até 11 caracteres: Telefone: <INPUT TYPE=TEXT NAME=telef SIZE=7 MAXLENGTH=11> 2.2. Usando a Tag <INPUT> para Criação de um Campo para Entrada de Senha A definição do atributo TYPE=PASSWORD na tag <INPUT> permite a criação de um campo para entrada de informações sigilosas (como por exemplo, senhas). A aparência deste campo no formulário é a mesma do campo de texto. No entanto, no campo PASSWORD, os caracteres digitados pelo usuário não são exibidos no monitor, sendo substituídos por asteriscos "* ". Para tirar proveito do sigilo, este tipo de campo deve ser enviado pelo método POST. No exemplo abaixo, se o usuário digitar pcpw02 e enviar o formulário, a informação recebida pelo programa será senha=pcpw02 : Senha:<INPUT TYPE=PASSWORD NAME=senha> É possível definir o tamanho da área para entrada de texto através do atributo SIZE e o número máximo de caracteres que pode ser digitado pelo usuário através do atributo MAXLENGTH, exatamente como no caso dos campos de entrada de texto comuns Usando a Tag <INPUT> para Criação de Botões de Seleção Exclusiva Um tipo de elemento de interação muito comum são os botões de seleção exclusiva (que são os chamados Radio Buttons). Estes botões são utilizados quando o usuário deve escolher uma única resposta entre várias. Quando um dos botões é selecionado, automaticamente todos os outros são desmarcados. 5
6 Só uma opção entre as várias apresentadas pode estar marcada. A aparência destes é de um botãozinho redondo, como pode ser visto na figura 7.1. Estes elementos são criados pela tag <INPUT> com o atributo TYPE=RADIO. Para indicar ao navegador quais botões são mutuamente exclusivos é preciso que eles tenham o atributo NAME definido com o mesmo valor. O atributo VALUE deve ser definido de modo a diferenciar qual dos botões está selecionado (já que todos têm o mesmo NAME). Através do atributo CHECKED é possível indicar que uma das alternativas estará previamente selecionada. No exemplo abaixo, a opção Superior está previamente selecionada; se o usuário selecionar Analfabeto a informação enviada ao programa será instruc=a. Nível de Instrução:<br> <INPUT TYPE=RADIO NAME=instruc VALUE=A>Analfabeto<br> <INPUT TYPE=RADIO NAME=instruc VALUE=1>Primeiro grau <br> <INPUT TYPE=RADIO NAME=instruc VALUE=2>Segundo grau <br> <INPUT TYPE=RADIO NAME=instruc VALUE=S CHECKED>Nivel superior<br> 2.4. Usando a Tag <INPUT> para Criação de Botões de Seleção Múltipla Quando é desejável escolher mais de uma resposta, utilizam-se botões de seleção múltipla (toggle buttons). A criação destes botões é feita através da tag <INPUT> com o atributo TYPE=CHECKBOX. No formulário, a aparência destes botões é de quadradinhos (como é mostrado na figura 7.1). Diferente dos botões exclusivos, neste caso, vários botões podem ser selecionados pelo usuário ou podem estar previamente selecionados pela definição do atributo CHECKED. Através do atributo CHECKED, no exemplo a seguir, foi possível préselecionar as opções Netscape e Explorer ; se o usuário enviar o formulário sem fazer nenhuma modificação, o programa vai receber nav1=n e nav3=e : Navegador utilizado:<br> <INPUT TYPE=CHECKBOX NAME=nav1 VALUE=N CHECKED> Netscape<br> <INPUT TYPE=CHECKBOX NAME=nav2 VALUE=M>Mosaic<br> <INPUT TYPE=CHECKBOX NAME=nav3 VALUE=E CHECKED> Explorer<br> <INPUT TYPE=CHECKBOX NAME=nav4 VALUE=H>HotJava<br> Os atributos NAME e VALUE devem ser definidos como nos botões de seleção exclusiva. 6
7 2.5. Usando a Tag <INPUT> para Criação de Botões de Ação A tag <INPUT> também serve para a criação de botões de ação. Estes botões, diferente dos elementos de interação que vimos até agora, não estão associados a informações que serão enviadas ao servidor. A seleção de um destes botões pelo usuário faz com que uma ação seja realizada (pode ser uma ação padrão do navegador como: enviar o formulário ou apagar o conteúdo de seus campos ou ainda o resultado da execução de um programa numa linguagem de script). Estes botões têm a aparência de teclas, como você pode observar na parte inferior da figura 7.1. Estes botões são gerados pela atribuição dos valores BUTTON, RESET ou SUBMIT a TYPE. Os dois últimos valores têm ações especiais associadas. A definição do atributo TYPE=SUBMIT inclui um botão para fazer o envio do formulário. A definição do atributo TYPE=RESET inclui um botão que limpa os campos do formulário, permitindo que o usuário redefina suas escolhas. Nestes botões, o atributo VALUE define um texto para ser escrito no interior do botão. A omissão deste atributo faz com que o navegador exiba um texto default, em língua inglesa. Normalmente, estes botões são colocados no fim do formulário. O exemplo, a seguir, mostra a utilização destes botões para criação de botões de ação com os títulos definidos pelas strings atribuídas à VALUE: <FORM>... <INPUT TYPE=SUBMIT NAME="Envia" VALUE="Envia dados agora"> <INPUT TYPE=RESET NAME="Limpa" VALUE="Apagar tudo">... </FORM> 3. A Tag <textarea> : Área de Texto No exemplo inicial desta aula, a tag <TEXTAREA> foi usada para desenhar a caixa onde o usuário escrevia. Este é seu uso mais comum, isto é, quando se deseja enviar mais de uma linha de texto, deve-se utilizar a tag <TEXTAREA>... </TEXTAREA>. O atributo NAME deve ser definido para indicar a variável que será associada ao texto inserido. O tamanho da área de texto é definido pelo número de linhas (atributo ROWS) e pelo número de colunas (atributo COLS). No interior da tag é possível colocar um texto a ser exibido após o carregamento da página. O exemplo a seguir mostra essa utilização, neste caso o texto: "Faça aqui seus comentários:" aparecerá inicialmente no interior da caixa e será substituído pelo texto que o usuário digitar. Comentários:<BR> <TEXTAREA NAME=coment ROWS=3 COLS=40> Faça aqui seus comentários: </TEXTAREA> 7
8 4. As Tags <SELECT> e <OPTION>: Listas de Seleção Quando há muitas opções a escolher, pode não ser muito prático utilizar botões de seleção exclusiva ou botões de seleção múltipla para não ocupar muito espaço na página. Uma alternativa a eles são as listas de seleção criadas através da tag <SELECT>... </SELECT>. No exemplo do início da aula, esta tag foi usada para apresentar ao usuário as opções que aparecem após a linha: "Seu interesse neste tema se relaciona a:". Como você pode ver na figura 7.1, no formulário, ela criará um "menu suspenso" que aparece na forma de uma janela com lista de opções. Este tipo de menu é chamado de pull down. No interior da tag <SELECT> deve ser colocada cada uma das opções da lista (no interior da tag <OPTION>). O atributo SELECTED pode ser utilizado para definir qual opção está previamente selecionada. O exemplo a seguir mostra a utilização deste atributo: Sexo: <SELECT NAME=sexo> <OPTION SELECTED>Masculino <OPTION>Feminino </SELECT> O atributo MULTIPLE indica que mais de uma opção pode ser selecionada, consequentemente, se ele estiver definido, podemos utilizar o SELECTED em mais de uma opção. O atributo NAME deve ser utilizado para definir o nome da variável que será enviada ao programa. O atributo SIZE indica o número de opções mostradas de uma só vez pelo navegador, sendo que o valor default é SIZE=1 (como pode ser visto nas linhas HTML do exemplo inicial). As demais opções podem ser acessadas através de uma barra de rolagem, que se abre ao ser clicado o ícone à direita da lista (com aparência de um triângulo apontando para baixo). A figura 7.1 mostra o exato momento em que a lista de opções está sendo exibida. Numa lista de SIZE=1, após o carregamento da página, apenas o OPTION que estiver com o atributo selected definido é mostrado. Exercício: Utilize as novas tags para criar uma página de pesquisa de opinião sobre "preferências esportivas". Desenhe no formulário campos com botões exclusivos para identificar o sexo, o estado civil e a faixa etária da pessoa que responde à pesquisa. Atribua a botões de seleção múltipla diversas modalidades esportivas, e permita que o usuário que selecionar "outras" inclua uma nova. Use campo de texto para identificar a cidade onde mora a pessoa. Através de <select> permita que ela aponte o estado onde mora. Permita que ela inclua comentários através de um campo de textarea. Inclua os botões para envio ou redefinição das respostas do formulário. Faça, finalmente, a página ter um alinhamento de parágrafo agradável e inclua um título. 8
9 Resumo: Nesta aula, você aprendeu novas tags para definição dos elementos de interação dos formulários na linguagem HTML. Viu como definir a forma como os elementos de interação apareceram em um documento e o conteúdo que o formulário, quando preenchido, retornará ao programa que manipulará os dados enviados pelo usuário. Fez ainda uso destes recursos, testando seus novos conhecimentos no projeto uma página de pesquisa de opinião (no exercício sugerido). Auto-avaliação: Você construiu a página de pesquisa com facilidade? Então está pronto para criar páginas com esse recurso poderoso de interação com os visitantes. Se não está bem seguro, já sabe o que deve fazer. Ou precisamos lembrar? Por certo que não, afinal estamos no final de uma etapa, a próxima é nossa última aula do primeiro módulo do nosso curso. 9
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 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
Curso 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"...
- 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
Formulários [8] Desenvolvimento e Design de. Websites. Prof.: Ari Oliveira
![Formulários [8] Desenvolvimento e Design de. Websites. Prof.: Ari Oliveira](/thumbs/68/58571051.jpg "Formulá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,
HTML & 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
Os 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
Formulá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.
INTRODUÇÃ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
Programação para Internet I
Programação para Internet I Aulas 09 e 10 Fernando F. Costa [email protected] Formulários O formulário representa o modo mais importante de interatividade que a linguagem HTML oferece. Um formulário pode
Finalidade 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
Programaçã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
A á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
Programação para web HTML: Formulários
Programação para web HTML: Formulários Professor: Harlley Lima E-mail: [email protected] Departamento de Computação Centro Federal de Educação Tecnológica de Minas Gerais Belo Horizonte, 9 de março
Desenvolvimento de Aplicações para Internet
Desenvolvimento de Aplicações para Internet CSS Celso Olivete Júnior [email protected] HTML Formatando o documento... Formulário Responsável por fazer a interação entre os dados fornecidos pelo usuário
HTML: 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
Recursos 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
O 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
Desenvolvimento 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,
INTRODUÇÃ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
TECNOLOGIAS 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
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
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
Tabelas 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
Web Design Aula 09: Formulários
Web Design Aula 09: Formulários Professora: Priscilla Suene [email protected] Motivação Roteiro Tag ... Tag Tag ... Rádio Checkbox Atributo name Form Um
Tutorial 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
Conteú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
Mini-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
Aula 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...
COMO 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,
HTML (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á
O 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
Aula 09 PHP e formulários HTML. Prof. Pedro Baesse
Aula 09 PHP e formulários HTML Prof. Pedro Baesse [email protected] 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
Introduçã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
COM222 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
Tabelas. 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
UFCD 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
FORMULÁ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
0,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
Volnys 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
Introduçã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 [email protected] http://professor.ifsertao-pe.edu.br/nicolas.trigo/ O usuário interage com os serviços
PROGRAMAÇÃ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,
HTML - 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
Formulá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
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
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 -
ftp://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
SIMULADOS & 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
Programação em HTML aspectos avançados
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
HTML 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
Formulá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)
MANUAL DE PUBLICAÇÃO NO PORTAL CAMPUS MATÃO
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DE SÃO PAULO CAMPUS MATÃO MANUAL DE PUBLICAÇÃO NO PORTAL CAMPUS MATÃO AUTOR: COORDENADORIA DE TECNOLOGIA DA INFORMAÇÃO CAMPUS MATÃO MATÃO 2016 SUMÁRIO
SGCD 2.0 Sistema Gerenciador de Conteúdo Dinâmico
Sistema Gerenciador de Conteúdo Dinâmico No final de 2007, o Serviço Técnico de Informática da UNESP Marília, disponibilizou para a comunidade acadêmica e administrativa o Sistema Dinâmico de websites
Formulá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
Programaçã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
Mais 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
INTRODUÇÃ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
HTML -- Criação de Home Page
PPáággi innaa 1 LISTAS Na linguagem HTML existem elementos específicos para a criação de listas, que podem ser listas ordenadas (OL), listas sem ordenação (UL), ou listas de definição (DL). Um detalhe
Ferramentas para Multimídia e Internet - 1486
1 Ferramentas para Multimídia e Internet - 1486 HTML BÁSICO: O que é uma página WEB? Uma página WEB, também conhecida pelo termo inglês webpage, é uma "página" na World Wide Web, geralmente em formato
Tutorial 1 Configuração Apache Tomcat no NetBeans 8.0 (passo a passo)
Nome do laboratório: Laboratório de Programação Ferramenta 1 -NetBeans 8.0 WEB Elaborado por: Osmar de Oliveira Braz Junior Descrição Este tutorial tem como objetivo mostrar a construção de aplicações
Tags estruturais <!-- --> Cria um comentário <html> </html> Envolve todo um documento html <head> </head> Envolve o cabeçalho de um documento html
Tags estruturais Cria um comentário Envolve todo um documento html Envolve o cabeçalho de um documento html Fornece informações gerais sobre o documento
HTML: Formulários Programação de Servidores
HTML: Formulários Programação de Servidores Marx Gomes Van der Linden ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) Exemplo 2 Criando um Formulário Um formulário é composto
indica 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,
Este exercício será parecido com a montagem de um projeto real, onde trabalhamos com vários arquivos XHTML e um único arquivo CSS.
Este exercício será parecido com a montagem de um projeto real, onde trabalhamos com vários arquivos XHTML e um único arquivo CSS. 1) Crie uma pasta chamada com_estilo e salve dentro dela os arquivos obrigado.html
Desenvolvimento de Aplicações para Internet Aula 5
Desenvolvimento de Aplicações para Internet Aula 5 Celso Olivete Júnior [email protected] www.fct.unesp.br/docentes/dmec/olivete Na aula passada Linguagem PHP: Introdução tiposdedados operadores estruturas
TAGS. O HTML trabalha com o sistema de tags (etiquetas). Esse sistema funciona da seguinte maneira. <tag>conteúdo da tag</tag>
HTML DDW TAGS O HTML trabalha com o sistema de tags (etiquetas). Esse sistema funciona da seguinte maneira. conteúdo da tag Toda tag aberta, deve ser fechada, salvo raras exceções, nesses casos
Exercícios Práticos de HTML e JavaScript. <FORM ACTION="mailto:[email protected]" 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
Na seqüência, será aberta uma página de login de acesso ao ambiente de gerenciamento do portal, conforme ilustrado na figura 01, abaixo: Figura 01
Tutorial Versão1.0 O Manual Tutorial do Apae em Rede pretende orientá-los no gerenciamento de conteúdos do portal. Para darmos início a essa orientação, é preciso acessá-lo. Para tanto, basta digitar intranet.apaebrasil.org.br
HTML: Listas, Tabelas e Formulários CST Sistemas para Internet
HTML: Listas, Tabelas e Formulários CST Sistemas para Internet Marx Gomes Van der Linden ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) Listas Listas de itens são bastante
Tutorial de Administração de sites do Portal C3
Tutorial de Administração de sites do Portal C3 Carlos Magno da Rosa Graduando Sistemas de Informação Estagiário Centro de Ciências Computacionais Sumário Sumário... 2 1-Apresentação Geral... 3 3-Componentes
Linguagem de. Aula 06. Profa Cristiane Koehler [email protected]
Linguagem de Programação IV -PHP Aula 06 Profa Cristiane Koehler [email protected] Criação de Formulários o Um formulário consiste em uma série de campos que são preenchidos pelo usuário
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 Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros. O formulário depende de outros programas no servidor, para receber e
Professor Jefferson Chaves Jefferson de Oliveira Chaves
Professor Jefferson Chaves [email protected] 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
Manual de Utilização do Zimbra Webmail
Universidade Federal da Paraíba Superintendência de Tecnologia da Informação Campus Universitário I, João Pessoa Paraíba CEP.: 58051-900 +55 83 3209-8650 Manual de Utilização do Zimbra Webmail Introdução.
AMBIENTE VIRTUAL DE APRENDIZAGEM MOODLE MANUAL DO ALUNO
Associação Educacional Santa Rita Coordenadoria de Ensino à Distância AMBIENTE VIRTUAL DE APRENDIZAGEM MOODLE MANUAL DO ALUNO COORDENAÇÃO DE EAD E EQUIPE DE TI MARÇO DE 2017 Av. Jaçanã, 648 Jaçanã - São
Sobre a nova minha UFOP
Sobre a nova minha UFOP A minha UFOP está com um novo visual. Foi criada uma nova interface, mais bonita, ágil e intuitiva para facilitar a utilização de nossos usuários. Esse tutorial visa mostrar as
TRABALHO FINAL 20 Pontos
Técnico em Informática Integrado ao Ensino Médio Algoritmos e Banco de Dados Profa. Cleiane Gonçalves Oliveira TRABALHO FINAL 20 Pontos O trabalho final deverá constar os três seguintes tipos de funções:
Prof. Fernando Gonçalves Abadia. Sistemas Multimídias
Prof. Fernando Gonçalves Abadia Sistemas Multimídias Títulos Títulos são definidos com as tags a . A define o título maior. A define o título menor. este é um título este
SISGRAD para docentes
SISGRAD para docentes 1) Como acessar o sistema? Utilize os navegadores Firefox ou Google Chrome, porque podem ocorrer erros com o uso do Internet Explorer. Acesse: http://sistemas.feg.unesp.br Se for
Introdução ao Javascript
Programação WEB I Introdução ao Javascript Apresentação da Disciplina,Introdução a linguagem Javascript Objetivos da Disciplina Apresentar os principais conceitos da linguagem Javascript referente à programação
Guia 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
HTML. Sessão 8 HTML. Criação de Páginas WEB. Formulários
HTML Sessão 8 HTML Falta ver de que forma podemos trocar informações com nosso visitante. Este aspecto é primordial para a grande quantidade de acções que se podem realizar : Comprar um artigo, preencher