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,

Save this PDF as:
 WORD  PNG  TXT  JPG

Tamanho: px
Começar a partir da página:

Download "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,"

Transcrição

1 HTML

2 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 para estruturar documentos (com títulos, parágrafos, tabelas, imagens)

3 Links podem ser usados para enviar s, porém talvez seja necessário que os visitantes da página forneçam informações de maneira mais formatada

4 Os formulários são áreas nas quais inserimos objetos para o usuário inserir dados ou preencher campos Os valores inseridos são então enviados para um ou tratados por algum script

5 Um formulário é definido pelas tags O par de tags que delimita os campos de um formulário é <form> </form> Alguns atributos dessa tag são: Action Method EncType

6 Action Formulários Define o tipo de ação a realizar com o formulário. Existem duas possibilidades: O formulário é enviado a um endereço de correio eletrônico O formulário é enviado a um programa ou script que processa seu conteúdo.

7 No primeiro caso, o conteúdo do formulário é enviado ao endereço de correio eletrônico especificada por meio de uma sintaxe deste tipo: <form >

8 Se queremos que o formulário seja processado por um programa (script), temos de especificar o endereço do arquivo que contém esse programa, da mesma forma que se a utilizada para expressar links. A etiqueta ficaria neste caso da seguinte forma: <form action="endereço do arquivo"...>

9 Method Este atributo se encarrega de especificar a forma na qual o formulário é enviado. Os dois valores possíveis que este atributo pode tomar são post e get. Geralmente, o método usado é o post.

10 Enctype Utiliza-se para indicar a forma na qual será enviada a informação que for mandada pelo formulário. No caso mais corrente, enviar o formulário por correio eletrônico, o valor deste atributo deve ser "text/plain".

11 Assim, conseguimos que o conteúdo do formulário seja enviado como texto plano dentro do . Se quisermos que o formulário se processe automaticamente por um programa, geralmente não utilizaremos este atributo, de forma que tome seu valor padrão, ou seja, não incluiremos enctype dentro da etiqueta <form>.

12 Input Formulários A tag mais utilizada em um formulário é <input>. O tipo de entrada (input) é especificado com o atributo type. Os tipos de entrada mais comuns sao explicados a seguir

13 Caixas de Texto Formulários Usadas quando se deseja que o usuário digite letras, números ou qualquer outra informação. Além do atributo type = text, temos de especificar o valor do atributo name A etiqueta é da seguinte forma: <input type="text" name="nome">

14 Exemplo: Nome: <input type="text" name= Nome" /> <br /> Sobrenome: <input type="text" name= Sobrenome" /> </form>

15 O atributo name é usado para que o código que vai manipular o formulário consiga identificar o campo do formulário Outros atributos opcionais para o text são: Size (tamanho do campo na tela) Maxlenght (tamanho máximo da informação) Value (valor default )

16 Texto oculto Formulários Podemos esconder o texto escrito por meio de asteriscos de forma a fornecer uma certa confiabilidade. Este tipos de campos são análogos aos de texto com somente uma diferença: o atributo type="text" é substituído por type="password": <input type="password" name= senha">

17 Neste caso, pode ser comprovado que ao escrever dentro do campo no lugar de texto serão vistos asteriscos.

18 Texto longo Formulários Se desejarmos colocar à disposição do usuário um campo de texto composto de várias linhas, temos de usar a tag <textarea> e seu fechamento </textarea> correspondente.

19 Estes tipos de campos são práticos quando o conteúdo a enviar não é um nome, telefone ou qualquer outro dado breve, e sim, um comentário, opinião, etc.

20 Dentro da tag textarea devemos indicar, da mesma maneira como na caixa de texto, o atributo name para associar o conteúdo a um nome. Além disso, podemos definir as dimensões do campo utilizando os atributos rows e cols.

21 rows Define o número de linhas do campo de texto. cols Define o número de colunas do campo de texto. A tag fica portanto, desta forma: <textarea name="comentário" rows="10" cols="40"></textarea>

22 Se quisermos colocar um valor default na área de texto, basta colocar o texto padrão ENTRE as tags <textarea> e </textarea> Exemplo: <textarea name="comentário" rows="10" cols="40">escreva seu comentário...</textarea>

23 Listas de opções Formulários As listas de opções nos permitem escolher uma (ou várias) das múltiplas opções que nos propõem. Para construí-las utilizaremos uma etiqueta com seu respectivo fechamento: <select> e </select>

24 Como para os casos já vistos, dentro desta etiqueta definiremos seu nome por meio do atributo name. Cada opção será incluída em uma linha precedida da etiqueta <option>.

25 Um exemplo desse tipo de lista é: <select name="estação"> <option>primavera</option> <option>verão</option> <option>outono</option> <option>inverno</option> </select>

26 Esta estrutura pode ser vista modificada principalmente a partir de outros dois atributos: size Indica o número de valores mostrados da lista. O resto pode ser visto por meio da barra lateral de deslocamento.

27 multiple Permite a seleção de mais de um elemento da lista. Este atributo só é utilizado quando se deseja que seja possível escolher múltiplos valores da lista

28 A etiqueta <option> pode ter outros atributos: selected indica que a opção está escolhida por padrão. value Define o valor da opção que será enviada ao script ou ao correio eletrônico, caso seja escolhida essa opção.

29 O atributo value pode ser muito útil se o formulário for enviado a um programa, pois cada opção pode ser associada a um número ou letra, por exemplo <option value="1">primavera</option> Assim, se o usuário escolhe primavera, o que chegará ao programa será estação=1

30 Botões de radio Quando o usuário deve selecionar apenas uma opção entre várias, usamos botões do tipo radio button A etiqueta empregada neste caso é <input> na qual teremos a atributo type que temos de tomar o valor radio.

31 Exemplo: <input type="radio" name="estação" value="1">primavera <br> <input type="radio" name="estação" value="2">verão <br> <input type="radio" name="estação" value="3">outono <br> <input type="radio" name="estação" value="4">inverno É possível pré-selecionar por padrão uma das opções. Isto se obtém por meio do atributo checked: <input type="radio" name="estação" value="2" checked>verão

32 Check Box Formulários Estes tipos de elementos podem ser ativados ou desativados pelo visitante com um simples clique sobre a caixa em questão. A sintaxe utilizada é muita parecida com as vistas anteriormente: <input type="checkbox" name= Aluno">Aluno da UTFPR

33 A única diferença fundamental é o valor adotado pelo atributo type. Da mesma forma que para os botões de radio, podemos ativar a caixa por meio do atributo checked. O tipo de informação que chegará ao nosso correio (ou ao programa) será do tipo: Aluno=on (ou off dependendo se tiver sido ativada ou não)

34 Botões Formulários Dentro dos formulários também podemos colocar botões clicáveis. Sua sintaxe é a seguinte: <input type=button value="texto escrito no botão > Utilizando linguagens como Javascript podemos definir ações a tomar quando um visitante clique o botão de uma página web.

35 botão Submit (ou de envio) Para finalizar o processo de preenchimento do formulário e fazê-lo chegar a seu gestor, o usuário tem de validá-lo por meio de um botão previsto para tal efeito.

36 A construção de tal botão utiliza uma tag do tipo input com o atributo submit <input type="submit" value="enviar"> A mensagem do botão (Caption) é especificada através do atributo value.

37 botão Apagar Campos Este botão nos permite apagar o formulário por completo no caso de que o usuário deseje refazê-lo desde o princípio. Sua estrutura sintática é igual a anterior: <input type="reset" value="apagar Campos">

38 A diferença do botão de envio, indispensável em qualquer formulário, o botão de Apagar Campos é meramente optativo e não é utilizado freqüentemente. Há que se ter cuidado de não colocá-lo muito perto do botão de envio e de distinguir claramente um do outro.

39 Dados ocultos Formulários Em alguns casos pode ser prático enviar dados definidos por nós mesmos que ajudem ao programa em seu processamento do formulário. Estes tipos de dados, que não são exibidos na página são mais usados por páginas que empregam tecnologias de servidor.

40 Por exemplo: Formulários <input type=hidden name="site" value=" Esta etiqueta, incluída dentro de nosso formulário, enviará um dado adicional ao correio ou ao script encarregado da gestão do formulário.

41 Poderíamos a partir deste dado, tornar conhecido ao programa a origem do formulário ou algum tipo de ação a realizar (um re-endereçamento, por exemplo).

42 Exemplo: Formulários

43 <HTML> <HEAD> </HEAD> <BODY> <form method="post" enctype="text/plain"> Nome <input type="text" name="nome" size="30" maxlength="100"> <br> <input type="text" name=" " size="25" maxlength="100" <br> Cidade <input type="text" name="cidade" size="20" maxlength="60"> <br> Sexo <br> <input type="radio" name="sexo" value="masculino" checked> Homem <br> <input type="radio" name="sexo" value="feminino"> Mulher <br> <br> Frequência das viagens <br> <select name="utilização"> <option value="1">várias vezes por dia <option value="2">uma vez por dia <option value="3">várias vezes por semana <option value="4">várias vezes por mês </select> <br> <br> Comentários sobre sua satisfação pessoal <br> <textarea cols="30" rows="7" name="comentários"></textarea> <br> <br> <input type="checkbox" name="receber_info" checked> Desejo receber notificação das novidades nas linhas de ônibus. <br> <br> <input type="submit" value="enviar formulário"> <br> <br> <input type="reset" value="apagar tudo"> </form> </BODY> </HTML>

44 Atividade Criar um formulário para Cadastro de Inscritos em um Evento. Os dados informados devem ser: Nome Endereço Estado (deve ser uma selection list) Aluno da UTFPR (check Box)

45 Atividade Sexo (Radio Button) Lista de Interesses (CheckBoxes) Hardware Engenharia de Software Linguagens de Programação Lógica Digital Processamento de Imagens e Sinais Computação Gráfica Algoritmos Outros: Quais (caixa de texto) Um botão para enviar Um botão para limpar os campos

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

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 mais

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

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,

Leia mais

HTML Parte III. André Tavares da Silva.

HTML 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 mais

INTRODUÇÃO AO DESENVOLVIMENTO WEB

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

Leia mais

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

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

Leia mais

Autoria Web. Formulários Aula 5. Cleverton Hentz

Autoria 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 mais

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

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"...

Leia mais

Programação Web Prof. Wladimir

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

Leia mais

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

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

Leia mais

AULA: Formulários. Autoria Web. Alba Lopes, Profa.

AULA: Formulários. Autoria Web. Alba Lopes, Profa. AULA: Formulários Autoria Web http://docentes.ifrn.edu.br/albalopes Formulários Os formulários em HTML são usados para selecionar diferentes tipos de entradas do usuário São bastante utilizados para realizar

Leia mais

Programação para Internet I

Programaçã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 mais

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

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

Leia mais

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

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

Leia mais

HTML. Leonardo Gresta Paulino Murta

HTML. 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 mais

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

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,

Leia mais

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

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

Leia mais

COMO FUNCIONA UM FORMULÁRIO

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,

Leia mais

1. Aspectos Gerais dos Formulários

1. 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 mais

Web Design Aula 10: Formulários - Parte2

Web 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 mais

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

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

Leia mais

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

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

Leia mais

Programação para web HTML: Formulários

Programaçã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 mais

indica o nome do campo pelo qual podemos acessar.

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,

Leia mais

SIMULADOS & TUTORIAIS

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

Leia mais

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 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 mais

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

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

Leia mais

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

Aula 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 mais

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

Desenvolvimento 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 mais

TECNOLOGIAS WEB AULA 7

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

Leia mais

Web Design Aula 09: Formulários

Web 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 mais

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

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

Leia mais

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

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...

Leia mais

HTML. Professor Victor Sotero. html

HTML. 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 mais

PROGRAMAÇÃO WEB DO LADO DO CLIENTE

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,

Leia mais

HTML. Frames e FORMs

HTML. 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 mais

Tutorial Cold Fusion Módulo 2 Cold Fusion Brasil -

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

Leia mais

HTML -- Criação de Home Page

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

Leia mais

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

Programaçã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 mais

Introdução à linguagem HTML. Volnys Borges Bernal

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

Leia mais

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

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)

Leia mais

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

Formulá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 mais

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

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

Leia mais

Programação Web Prof. Wladimir

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

Leia mais

7. Formulários em XHTML

7. 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 mais

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

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á

Leia mais

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. 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 mais

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

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 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 mais

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

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

Leia mais

Programação em HTML aspectos avançados

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

Leia mais

Programando em PHP. Conceitos Básicos

Programando 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 mais

Validação de Formulário

Validação de Formulário AULA: Validação de Formulário Programação de Sistemas para Internet http://docentes.ifrn.edu.br/albalopes alba.lopes@ifrn.edu.br Agenda Botão submit e ação de submissão de formulário Método GET Método

Leia mais

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

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

Leia mais

Exercí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. <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 mais

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

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

Leia mais

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

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

Leia mais

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

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

Leia mais

Mais sobre uso de formulários Site sem Ajax

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

Leia mais

Guia visual de controles de formulário HTML

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

Leia mais

Ferramentas para Multimídia e Internet - 1486

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

Leia mais

HTML. Sessão 8 HTML. Criação de Páginas WEB. Formulários

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

Leia mais

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. 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

Leia mais

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

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

Leia mais

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

Formulários HTML e Introdução à Programação Web Formulários Até agora tivemos uma boa visão da parte gráfica e de hipertexto do HTML. Agora vamos ver como o HTML pode ser usado para fazer parte efetiva em um programa. Dissemos que HTML não é uma linguagem

Leia mais

Professor Jefferson Chaves Jefferson de Oliveira Chaves

Professor 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 mais

Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique.

Lista 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 mais

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

Teste de avaliação de frequência Parte Prática Abaixo está uma proposta de solução para os exercícios do teste de avaliação de frequência às aulas práticas. Se tem dúvidas sobre esta resolução, fale com o seu Professor. GRUPO I HTML 1. CrieumHTMLcom3tiposdiferentesdelistasnãonumeradas.

Leia mais

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

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

Leia mais

HTML: Formulários Programação de Servidores

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

Leia mais

Cheque como está seu navegador em relação ao suporte do HTML5 visitando

Cheque como está seu navegador em relação ao suporte do HTML5 visitando Veja aqui ótima referência sobre elementos de formulário em HTML5 - http://diveintohtml5.com.br/forms.html IFSC/Florianópolis - Programação Para a WEB I - prof. Herval Daminelli A nova versão do HTML trouxe

Leia mais

Introdução à Tecnologia Web

Introdução à Tecnologia Web Introdução à Tecnologia Web HTML HyperText Markup Language XTML extensible HyperText Markup Language Elementos da Seção do Corpo Tabelas Formulários Professor Alan Cleber Borim www.alanborim.com.br Índice.

Leia mais

Introdução ao Javascript. Parte 3 Prof. Victor Hugo Lopes

Introdução ao Javascript. Parte 3 Prof. Victor Hugo Lopes Introdução ao Javascript Parte 3 Prof. Victor Hugo Lopes agenda Trabalhando com Eventos DOM na prática: trabalhando com propriedades http://goo.gl/tkjhmb Eventos Evento é um acontecimento que ocorre a

Leia mais

Fábio Borges de Oliveira. HTML HyperText Markup Language

Fábio Borges de Oliveira. HTML HyperText Markup Language Fábio Borges de Oliveira HTML HyperText Markup Language Frame

Leia mais

Introdução a Javascript

Introdução a Javascript Introdução a Javascript André Tavares da Silva andre.silva@udesc.br Introdução Javascript Javascript é uma linguagem que permite injetar lógica em páginas escritas em HTML Podem estar "soltos" ou atrelados

Leia mais

Aula 11 Introdução ao Java Script

Aula 11 Introdução ao Java Script Aula 11 Introdução ao Java Script Java Script é uma linguagem que permite trabalhar com a Lógica em páginas escritas em HTML (HiperText Mark-up Language). As páginas HTML podem ser escritas utilizando-se

Leia mais

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

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

Leia mais

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. 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

Leia mais

FORMULÁRIOS ACESSÍVEIS

FORMULÁRIOS ACESSÍVEIS Ministério da Educação Secretaria de Educação Profissional e Tecnológica IFRS Instituto Federal de Educação, Ciência e Tecnologia do Rio Grande do Sul NAV Núcleo de Acessibilidade Virtual FORMULÁRIOS ACESSÍVEIS

Leia mais

INTRODUÇÃO AO JQUERY PARTE 2. Prof. Me. Hélio Esperidião

INTRODUÇÃ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 mais

Desenvolvimento de Sistemas Web Prof. Leandro Roberto. Aula 18 JavaScript: Eventos MySQL PHP (insert, update e delete)

Desenvolvimento de Sistemas Web Prof. Leandro Roberto. Aula 18 JavaScript: Eventos MySQL PHP (insert, update e delete) Desenvolvimento de Sistemas Web Prof. Leandro Roberto Aula 18 JavaScript: Eventos MySQL PHP (insert, update e delete) JavaScript Eventos Alguns eventos de uma página HTML podem ser interceptados e programados

Leia mais

Universidade Federal de Ciências da Saúde de Porto Alegre

Universidade Federal de Ciências da Saúde de Porto Alegre Universidade Federal de Ciências da Saúde de Porto Alegre Guia do Aluno Moodle - UFCSPA NÚCLEO DE EAD Elaborado por: Fabrício Barboza Supervisão: NEAD Versão 1.0 Março 2010 SUMÁRIO Capitulo1 - Acessando

Leia mais

LINGUAGEM DE PROGRAMAÇÃO WEB

LINGUAGEM 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 mais

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.). HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a

Leia mais

Para efetuar a configuração de s no painel, acesse o cpanel a partir do link abaixo:

Para efetuar a configuração de  s no painel, acesse o cpanel a partir do link abaixo: Configuração de Painel Servidor Virtual. e-mail da Loja Para efetuar a configuração de e-mails no painel, acesse o cpanel a partir do link abaixo: https://cpanel.(domínio da sua loja).com.br:2083/ Exemplo:

Leia mais

Formulários. Objeto Form

Formulários. Objeto Form Capítulo 10 Formulários 10 Formulários OS COMPONENTES DE FORMULÁRIO SÃO OS OBJETOS HTML mais utilizados em JavaScript. Por componentes de formulário nos referimos a qualquer campo de entrada de dados dentro

Leia mais

INSTRUÇÕES PARA O TREINAMENTO DO PORTAL DE PERIÓDICOS CAPES

INSTRUÇÕES PARA O TREINAMENTO DO PORTAL DE PERIÓDICOS CAPES 1 INSTRUÇÕES PARA O TREINAMENTO DO PORTAL DE PERIÓDICOS CAPES Sumário 1- CADASTRO NO PORTAL DE PERIÓDICOS...2 2- CONFIRMAÇÃO DO CADASTRO DO MEU ESPAÇO...4 3- RECUPERAÇÃO DO USUÁRIO / SENHA DO MEU ESPAÇO...5

Leia mais

6. Introdução à Linguagem PHP

6. Introdução à Linguagem PHP 6. Introdução à Linguagem PHP A comunicação na Web exige dois agentes: o cliente web e o servidor web. O cliente requer informação (a partir de uma página HTML acessada pelo navegador) e o servidor fornece

Leia mais

www.coldfusionbrasil.com.br

www.coldfusionbrasil.com.br www.coldfusionbrasil.com.br 2000 TRABALHANDO COM E-MAILS 3 ENVIANDO E-MAILS COM CFMAIL 3 ENVIANDO E-MAIL BASEADO EM UM FORMULÁRIO 4 UTILIZANDO QUERY PARA ENVIAR E-MAILS 5 ENVIANDO E-MAIL PARA MÚLTIPLOS

Leia mais

Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Seção do Corpo Formulários

Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Seção do Corpo Formulários IntroduçãoàTecnologiaWeb HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage SeçãodoCorpo Formulários ProfªMSc.ElizabeteMunzlinger ProfªMSc.ElizabeteMunzlinger SeçãodoCorpo Formulários

Leia mais

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 <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

Leia mais

Linguagem de. Aula 06. Profa Cristiane Koehler cristiane.koehler@canoas.ifrs.edu.br

Linguagem 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 mais

Manual de Integração Via Gadget. Passo a passo para realizar a integração entre websites e a plataforma Virtual Target.

Manual de Integração Via Gadget. Passo a passo para realizar a integração entre websites e a plataforma Virtual Target. Manual de Integração Via Gadget Passo a passo para realizar a integração entre websites e a plataforma Virtual Target. Manual de Integração Via Gadget 1. Introdução 1.1. O que é? Virtual Target Gadgets

Leia mais

Tecnologias Web. Formulários HTML

Tecnologias 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 mais

Cadastro do novo Bilhete Único - SPTRANS

Cadastro do novo Bilhete Único - SPTRANS Sumário 1. Objetivo... 2 2. Cadastro para emissão do NOVO Bilhete Único... 3 3. Sessão Expirada... 111 4. Etapas do Cadastro... 144 5. Finalização do Cadastro... 166 6. Pesquisa de Satisfação...18 1 1.

Leia mais

Tecnologias para apresentação de dados - HTML. Aécio Costa

Tecnologias para apresentação de dados - HTML. Aécio Costa Tecnologias para apresentação de dados - HTML Aécio Costa Apresentação de Dados na Web Tecnologias client-side HTML CSS JavaScript HyperText Markup Language Uma linguagem de marcação utilizada para produzir

Leia mais

APOSTILA. Curso de HTML com PHP HTML. Pablo Dapont

APOSTILA. Curso de HTML com PHP HTML. Pablo Dapont APOSTILA Curso de HTML com PHP HTML Pablo Dapont PET Computação - sala 202 Prédio 43424 ( prédio dos laboratórios ) Instituto de Informática - UFRGS email : pet@inf.ufrgs.br Av. Bento Gonçalves, 9500 bloco

Leia mais

Partner Ready Portal: Registro de Novos Parceiros Tier 2. Guia de Referencia para Novos Parceiros e Usuários na América Latina (LAR)

Partner Ready Portal: Registro de Novos Parceiros Tier 2. Guia de Referencia para Novos Parceiros e Usuários na América Latina (LAR) Partner Ready Portal: Registro de Novos Parceiros Tier 2 Guia de Referencia para Novos Parceiros e Usuários na América Latina (LAR) Propósito e Audiência O propósito desse documento é: Listar os passos

Leia mais

TECNOLOGIA E PROGRAMAÇÃO WEB

TECNOLOGIA 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 mais

Obtendo dados com formulários

Obtendo dados com formulários Obtendo dados com formulários Exploraremos agora uma das utilizações mais poderosas para o JavaScript: trabalhar com formulários de HTML. Você pode utilizar JavaScript para tornar um formulário mais interativo,

Leia mais

GUIA DO USUÁRIO AVINST

GUIA DO USUÁRIO AVINST Grupo de Banco de Dados IBILCE UNESP 2014 GUIA DO USUÁRIO AVINST Coordenação: Prof. Dr. Carlos Roberto Valêncio Sobre o sistema AVINST O sistema AVINST é um sistema online desenvolvido em parceria com

Leia mais