Formulários HTML e Introdução à Programação Web
|
|
- Luiz Gustavo Álvaro Barbosa
- 8 Há anos
- Visualizações:
Transcrição
1 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 de programação - e não é mesmo - mas, pelo menos, ele permite, através dos forms, que se tenha em uma página coisas como botões e caixas de edição, elementos que já vimos na programação em ambientes gráficos. Através destes elementos, podemos interagir com a página HTML, enviando dados para o seu servidor ou para algum tipo de processamento por código em linguagem de script inserido na própria página. A tag <form> delimita um formulário e contém uma seqüência de elementos de entrada e de formatação da página. Para começar, vamos ver a sintaxe básica: <form action="x" method="y">... conteúdo do formulário... </form> action especifica o endereço de uma página/programa/script X para o qual serão enviados os dados do formulário. method diz qual o método para enviar os dados. Existem dois métodos possíveis (get ou post) que transferem dados do navegador para o servidor da página. Usando post, os dados seguem junto ao pacote da mensagem enviada. Usando get, os dados seguem visíveis, anexados à URL especificada, que pode ter um limite máximo de tamanho. Se o tamanho da informação exceder este limite, o post torna-se obrigatório. Outra característica do post é que ele não deixa transparecer ao usuário comum o conteúdo dos dados transferidos. Por outro lado, um get pode ser simulado com digitação, o que é impossível com o post. Os formulários podem conter qualquer texto ou tags comuns em HTML, mas os elementos específicos são as tags de campos de entrada de dados <input>, <select> e <textarea>. Es tas tags terão um nome único (name ), que identificará cada campo para uso posterior por uma linguagem de programação. A tag <input> é usada para criar um elemento de entrada, com um destes tipos principais: caixa de edição (text), caixa de edição de senha (password), caixa de checagem (checkbox), botão de rádio (radio), botão comum (button), botão de submeter (submit), botão de reiniciar (reset) ou parâmetro escodido (hidden). O parâmetro value vai aparecer algumas vezes junto a estes tipos e significa um valor padrão para o campo (no caso de text ou password) ou o valor para ser reconhecido em processamento posterior (os demais casos). Vamos ver alguns exemplos: Para exibir uma caixa de edição pedindo o nome do usuário: Entre seu nome: <input type=text name="nome"> Para exibir uma caixa de edição pedindo a senha do usuário (ao digitar aparecem asteriscos): Entre sua senha: <input type=password name="senha"> Para exibir uma caixa de edição pedindo o país de nascimento do usuário: Entre seu país de origem: <input type=text name="pais" value= Brasil > Para exibir uma caixa de checagem (neste caso, para saber se o usuário é brasileiro): <input type=checkbox name="brasil" value="brasileiro">brasileiro? Obs.: se adicionarmos o parâmetro checked no fim da tag o campo já virá ma rcado. Para exibir botões de rádio (neste caso para saber o sexo do usuário): <input type=radio name="sexo" value="m">masculino <br> <input type=radio name="sexo" value="f">feminino Obs.: repare acima que o name é o mesmo porque são botões mutuamente exclusivos e funcionam em conjunto - quando um é marcado o outro é desmarcado. O parâmetro checked pode ser usado. Além dos parâmetros que vimos, temos também o size (usado nos tipos text e password), que define o tamanho do espaço na página para o campo. Se não for especificado o padrão é de 20 espaços. Exemplo: <input
2 type=text name= endereco size=50>. Não confundir com maxlenght, outro parâmetro, que define o número máximo de caracteres aceitos em um campo. Exemplo: <input type=text name= UF maxlength=2>. Exemplos de botões (submit e reset): Para enviar os dados do formulário ( Enviar será o rótulo do botão): <input type=submit value= Enviar > Para reiniciar os dados (zerar ou voltar aos valores padrão): <input type=reset value="limpar"> Botão comum (normalmente para uma chamada a um script): <input type=button name="button1" value="clique Aqui!"> Parâmetro escondido (para mandar um valor sem que o usuário tenha que digitar nada): <input type=hidden name="exemplo" value="1001"> Além dos inputs, existem outras duas tags comuns em forms: select e textarea. A tag <select> exibe uma lista de opções para o usuário selecionar uma (é o ComboBox, que já conhecemos). Veja o exemplo: Escolha uma forma de pagamento: <select name="pag"> <option selected value="1">dinheiro <option value="2">cheque <option value="3">cartão </select> Repare acima que há uma opção pré-selecionada (dinheiro), mas isso é opcional. Outra possibilidade é usar o parâmetro multiple no select para possibilitar escolha múltipla. A tag <textarea> permite entrada de texto com várias linhas. Veja exemplo: <textarea cols=30 rows=6 name="sugestao"> dê sua sugestão </textarea> Exercício: Faça uma página HTML com um form de cadastro de livros, contendo título, autor, editora, a língua do livro (botão de rádio: português, inglês, espanhol, outras) e um resumo (textarea de 4 linhas de 80 colunas). Sugestão: tabele os campos do form para ver como ficaria a organização tabular na página (uma técnica criticada, mas bastante usada na web). Como processar os dados? Obviamente, supõe-se que os dados vindos de um formulário HTML sejam processados em algum momento. Mas como e por quem? A resposta não é de surpreender: já que HTML não é uma linguagem de programação, os dados só podem ser processados por programas feitos em outras linguagens. Para introduzir este assunto, vamos tentar entender algumas questões. Vimos que os dados passados por post ou get seguem para uma página apontada por action, dentro do tag <form>. Mas, que páginas são essas? O que fazem com os dados que recebem? Podemos simplesmente chamar um programa de dentro do navegador, sem passar dado algum? Que tipo de página ou programa podemos chamar de dentro do nosso texto em HTML? Vamos dar uma visão geral das principais possibilidades que temos, que podem ser divididas em três tipos: o processamento no cliente (computador do usuário) dentro da própria página HTML, o processamento em programas (chamados pelas páginas HTML, mas rodando em separado) no cliente e o processamento no servidor (em programas separados ou embutidos nas páginas). Ou uma mistura de tudo isso... Processamento no Cliente Dentro da Própria Página HTML Normalmente para tarefas mais simples. O exemplo mais conhecido de linguagem que permite criar pequenos programas (ou scripts) inseridos nas páginas HTML é Javascript, criada pela Netscape (o nome "java" foi licenciado pela Sun). Existem outras linguagens de script (VBScript, da Microsoft, por exemplo).
3 Os trechos de programa nestas linguagens estão dentro da página HTML entre os tags <script> e. Abaixo, um "Alô Mundo!" em Javascript: <script language="javascript"> document.write("alô Mundo!"); Um outro Alô, mundo!, dessa vez em VBScript (abra no Internet Explorer): <script language="vbscript"> Document.Write "Alô, mundo!!!" Uma soma simples em VBScript... uma soma simples em VBScript:<br> <script language="vbscript"> a=1 b=2 Document.Write a+b Document.Write "<br>" A linguagem de script desse tipo que vamos ver no curso é Javascript. Processamento de Programas no Cliente (computador do usuário) Eventualmente, para uma tarefa simples e que não tenha que, necessariamente, estar conectada ao servidor, o processamento pode ser feito na própria máquina do usuário, em programas que funcionem como se estivessem "instalados" nela. Existem várias alternativas que funcionam mais ou menos dessa forma: Flex, Java Web Start, controles ActiveX, Windows Forms, etc. A que veremos no curso são os applets Java. O problema com este tipo de programa é que, estando no cliente, pode precisar de instalação e atualização local - o que pode acabar com a maior vantagem dos programas para a web, caso o programador exagere quanto ao tamanho do aplicativo. Aliás, o nome "applet" sugere exatamente uma aplicação pequena, leve, já que deverá ser baixada para a máquina cliente. Os applets Java são pequenos programas que podem ser rodados por qualquer navegador que suporte esta linguagem (possivelmente todos) ou por aplicativos específicos para rodar applets. Vamos ver um pequeno exemplo de "Alô, mundo" em um applet Java. import java.applet.applet; import java.awt.*; public class Alo extends Applet { public void paint(graphics g) { g.drawstring("alô, mundo!",10,10); } } O arquivo acima é salvo como Alo.Java e codificado para bytecodes como Alo.class. Para executá-lo, precisamos de uma página HTML com uma chamada ao mesmo. Veja o exemplo a seguir: <applet code="alo.class" width=100 height=100>
4 <b>o navegador não está permitindo uso de Applets Java</b> </applet> Quem quiser conhecer outra possibilidade de forma rápida, pode testar um controle ActiveX, que é um programa executável, feito em ambientes de desenvolvimento como Visual Basic ou Delphi, por exemplo, convertido para o padrão ActiveX. Desta forma, controles ActiveX podem ser rodados diretamente de dentro de um aplicativo que seja capaz de entender o padrão (o mais comum é o navegador Internet Explorer). Parte do conjunto de tecnologias ActiveX tem sido desencorajada pela Microsoft, sugerindo a migração para a plataforma.net (mais abrangente e compatível, embora tenha idéias em comum). Mas muitos controles ActiveX ainda estão em uso (dentro da própria Microsoft, inclusive...). Vamos criar um pequeno Form ActiveX no Delphi, para testar este tipo de programa. Entre no Delphi, feche a aplicação inicial (File - Close All) e peça File - New - Other, escolha a guia ActiveX, opção ActiveForm e clique OK. Neste momento vai aparecer o Active Form Wizard, que é um assistente para criação de Forms ActiveX (também chamados ActiveForms). Mantenha todas as opções conforme sugeridas e clique OK. Vai aparecer um Form, aparentemente normal, porém, este Form já está preparado para se tornar um componente ActiveX, para ser rodado em um programa que entenda este padrão. Coloque um Label e um Button no Form, troque o Caption do Label para Alô e o do botão para Clique aqui. Programe o evento OnClick do botão com a linha abaixo: Label1.Caption:='Alô, mundo!'; Selecione a opção Project - Web Deploy, que serve para instalar o projeto. Como estamos trabalhando localmente, basta especificar um diretório local qualquer para o projeto nos três Edits (Target Dir, Target URL e HTML dir). Clique OK. Entre outros arquivos, o Delphi criou (no diretório especificado), um controle ActiveX (OCX) e uma página HTML, com a ligação para o controle. Basta registrar o componente no Windows (Run - Register ActiveX Server) e abrir a página criada em HTML no Internet Explorer. O Form aparecerá funcionando dentro do navegador. Os controles ActiveX são muito interessantes, o seu problema maior são as brechas na segurança que proporcionam. Processamento no Servidor Até alguns anos atrás, praticamente só existia uma possibilidade para o servidor receber os dados vindos de um formulário HTML do cliente: o CGI (Common Gateway Interface), uma interface no servidor que recebe os dados, os processa e retorna um documento com o resultado. O CGI permite a execução de um programa no servidor, que é carregado toda vez que há necessidade. Este é, talvez, o maior problema do CGI: cada vez que alguém envia dados através de uma página, uma cópia do programa de resposta deve ser carregada na memória do servidor. Para páginas muito acessadas, isto representa um gasto de tempo e memória muito grande para o servidor. O documento gerado pelo programa é uma página montada dinamicamente com os dados necessários à resposta para o usuário. Por exemplo: suponha um site de banco que emite um extrato de conta pela Internet; é claro que o extrato não existe a priori, mas deve ser montado na hora, de acordo com o pedido (agência, conta, data inicial, data final, etc.). Uma coisa interessante no CGI é que podem ser usados vários ambientes/linguagens de programação, desde que possa haver comunicação com a interface CGI. Com o tempo, surgiram algumas alternativas ao CGI, mas com uma atuação semelhante. Exemplos são os padrões ISAPI (Microsoft) e NSAPI (Netscape), cuja função é semelhante a do CGI, porém a implementação é feita em bibliotecas de software dinâmicas (DLLs) que, com uma única cópia carregada na memória do servidor, podem servir a várias requisições. Ambientes desktop como o Delphi ou Visual Basic têm alguns assistentes ou utilitários para gerar programas deste tipo. Linguagens específicas para web também podem ser usadas junto ao ISAPI ou NSAPI (e com o CGI também). Outra opção para processamento no servidor (em grande utilização no momento) é criar programas em linguagens que já nasceram para a web ou que foram bem adaptadas para esse ambiente. Estas linguagens permitem criar páginas com programas que, como já falamos, processam os dados recebidos da web e enviam páginas de resposta. Alguns exemplos de linguagens desse tipo: Perl, Python, Ruby, PHP, ASP ou ASP.NET (usando VB.NET ou C#, por exemplo) e JSP (JavaServer Pages). Elas podem ser usadas como linguagens de script, junto com trechos em HTML. Apesar de poderem ser combinadas com páginas em HTML, deve ficar claro que serão processadas no servidor e apenas o resultado segue para o usuário. Não veremos nada desse tipo em LP6, mas, na disciplina de Modelagem de Hipermídia, conheceremos o JSP (JavaServer Pages).
5 Sistemas Híbridos As possibilidades que vimos não são as únicas; algumas técnicas desenvolvidas para rodar no computador cliente (do usuário) podem ser usadas no servidor (e vice-versa), dependendo do caso. A tecnologia AJAX, por exemplo, permite que, do cliente, usando Javascript, se possa acessar o servidor sem precisar recarregar a página inteira, trazendo apenas os dados pedidos (algo semelhante a um sistema tradicional cliente-servidor). Além disso, é comum que um sistema de porte médio a grande seja desenvolvido usando várias linguagens e plataformas misturadas. É claro que muita coisa ainda pode ainda ser feita em um ambiente com uma linguagem única; mas, para uma atuação mais profissional na criação de sistemas, o desenvolvedor deve dominar vários ambientes e linguagens para proporcionar uma solução ótima. Normalmente, o que se faz é combinar vários esquemas de programação para criar um produto que satisfaça as exigências de qualidade, rapidez e segurança. Os sistemas atuais podem misturar janelas gráficas tradicionais, para uma parte mais interna ao sistema (que não precisa ficar aberta ao mundo, pela Internet), com páginas web (para acesso interno e/ou externo à empresa - e dentro destas, pode haver partes em Javascript, parte em JSP, PHP ou outra linguagem server-side, partes em applets ou Fle x,, etc., etc., etc.). Conclusão Como podemos observar, temos inúmeras possibilidades em termos de programação para Internet. Obviamente, não é objetivo deste texto esgotar o assunto, mas apenas colocar um pouco de "ordem" nos tópicos relacionados ao desenvolvimento web, por vezes ainda carentes de soluções tecnologicamente poderosas e mais amigáveis. Particularmente - e isto é minha opinião - ainda aguardo para o desenvolvimento web algo como o VB e o Delphi fizeram pela programação cliente-servidor "tradicional" para ambiente win32. Temos presenciado algumas tentativas de facilitar a vida do desenvolvedor web: a evolução dos ambientes integrados para Java, a plataforma.net (em especial o Visual Studio, da Microsoft), o Intraweb da Atozed, o Dreamweaver da Macromedia, a já citada tecnologia AJAX, diversos frameworks web (às vezes até com facilidades visuais), etc. Certamente é difícil unir tantas coisas em uma ferramenta única e o processo de desenvolvimento destas tem ficado muito complexo (haja vista o caso da Borland, tradicional produtora de software, que parece ter jogado a toalha, se desfazendo de sua linha de produtos específicos de desenvolvimento). Talvez até fosse bem-vinda (embora pouco provável) uma modificação mais radical, na base da Internet, visando facilitar seu uso como ambiente para programas, visto que ela não foi criada com este propósito. O XHTML (que veremos período que vem) até tenta por um pouco de racionalidade no processo, mas, mes mo que venha a ser adotado de fato, ainda não soluciona tudo. De qualquer forma, acredito que, com o tempo, tudo se resolva.
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 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 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 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 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 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 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 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 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 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 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 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 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 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Á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 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 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 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 maisWEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira
WEBDESIGN Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Formulários e JavaScript Como visto anteriormente, JavaScript pode ser usada para
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 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 maisScriptlets e Formulários
2 Scriptlets e Formulários Prof. Autor: Daniel Morais dos Reis e-tec Brasil Programação Avançada Para Web Página1 Meta Permitir ao aluno aprender a criar um novo projeto Java para web no Netbeans IDE,
Leia maisSistemas para internet e software livre
Sistemas para internet e software livre Metodologia de modelagem de aplicações WEB Image: FreeDigitalPhotos.net Domínio: Elementos de aplicação WEB Páginas Web Scripts Formulários Applets e ActiveX Motivação
Leia maisProgramação Web Prof. Wladimir
Programação Web Prof. Wladimir Linguagem de Script e PHP @wre2008 1 Sumário Introdução; PHP: Introdução. Enviando dados para o servidor HTTP; PHP: Instalação; Formato básico de um programa PHP; Manipulação
Leia maisDesenvolvendo Websites com PHP
Desenvolvendo Websites com PHP Aprenda a criar Websites dinâmicos e interativos com PHP e bancos de dados Juliano Niederauer 19 Capítulo 1 O que é o PHP? O PHP é uma das linguagens mais utilizadas na Web.
Leia maisCriando um script simples
Criando um script simples As ferramentas de script Diferente de muitas linguagens de programação, você não precisará de quaisquer softwares especiais para criar scripts de JavaScript. A primeira coisa
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 maisPHP Material de aula prof. Toninho (8º Ano)
Na aula anterior entendemos como se faz o acesso aos nossos arquivos PHP; Como construir um script em php. Nesta aula (3) vamos entender: Como roda o PHP Inserindo comentários Visualizando páginas a partir
Leia maisInstalando o Internet Information Services no Windows XP
Internet Information Services - IIS Se você migrou recentemente do Windows 95 ou 98 para o novo sitema operacional da Microsoft Windows XP, e utilizava antes o Personal Web Server, deve ter notado que
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 maisPÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Formulários HTML Aula 07: Formulários e Frames HTML Os formulários HTML são utilizados, geralmente, como entradas de dados prépreenchimento,
Leia maisHTML / 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 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 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 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 maisWorld Wide Web e Aplicações
World Wide Web e Aplicações Módulo H O que é a WWW Permite a criação, manipulação e recuperação de informações Padrão de fato para navegação, publicação de informações e execução de transações na Internet
Leia maisAMBIENTE. FORMULÁRIO: é a janela do aplicativo apresentada ao usuário. Considere o formulário como a sua prancheta de trabalho.
DELPHI BÁSICO VANTAGENS Ambiente de desenvolvimento fácil de usar; 1. Grande Biblioteca de Componentes Visuais (VCL - Visual Component Library), que são botões, campos, gráficos, caixas de diálogo e acesso
Leia maisFerramentas 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 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 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 maisLogo abaixo temos a Barra de Menus que é onde podemos acessar todos os recursos do PHP Editor.
Nessa aula iremos estudar: A anatomia da janela do PHP Editor Iniciando o servidor Web O primeiro exemplo de PHP Anatomia da janela do PHP Editor Barra de Títulos: É a barra azul que se encontra na parte
Leia mais02 - Usando o SiteMaster - Informações importantes
01 - Apresentação do SiteMaster - News Edition O SiteMaster foi desenvolvido para ser um sistema simples de gerenciamento de notícias, instalado em seu próprio computador e com configuração simplificada,
Leia maisNa tela dele, clique no sinal de + ao lado do nome do seu computador, para expandi-lo. A seguir, expanda também o item "Sites da web".
Servidor WEB Desenvolvedores de sites que querem aprender ou testar ASP, ou mesmo profissionais que precisam desenvolver páginas ASP ou ASP.Net, não precisam necessariamente ter um servidor na web com
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 maismkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos
Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Criando uma Calculadora Primeiramente deve se criar uma estrutura para armazenar os arquivos necessários para o funcionamento da calculadora.
Leia maisTUTORIAL: MANTENDO O BANCO DE DADOS DE SEU SITE DENTRO DO DOMÍNIO DA USP USANDO O SSH!
UNIVERSIDADE DE SÃO PAULO (USP) ESCOLA DE ARTES, CIÊNCIAS E HUMANIDADES (EACH) TUTORIAL: MANTENDO O BANCO DE DADOS DE SEU SITE DENTRO DO DOMÍNIO DA USP USANDO O SSH! Autoria e revisão por: PET Sistemas
Leia maisCurso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2.
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Formulários Durante a navegação em websites é comum que sejam solicitadas informações
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 maisLICENCIAMENTO V14 USANDO REPRISE LICENSE MANAGER
LICENCIAMENTO V14 USANDO REPRISE LICENSE MANAGER V14 de BricsCAD vem com um novo sistema de licenciamento, com base na tecnologia de licenciamento de Reprise Software. Este novo sistema oferece um ambiente
Leia mais2. O AMBIENTE DE PROGRAMAÇÃO EM C
2. O AMBIENTE DE PROGRAMAÇÃO EM C Este capítulo trata de colocar a linguagem C para funcionar em um ambiente de programação, concentrando-se no compilador GNU Compiler Collection (gcc). Mas qualquer outro
Leia maisIntroduçã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 maisCriando um projeto ASP.Net no Visual Studio 2008
Criando um projeto ASP.Net no Visual Studio 2008 Ao abrir o Visual Studio 2008, vá no menu File > New > Project (como mostra a imagem abaixo) ou simplesmente pressionando as teclas Ctrl + Shift + N. Nas
Leia maisMANUAL DE UTILIZAÇÃO SISTEMA DE CADASTRO INTRANET
MANUAL DE UTILIZAÇÃO SISTEMA DE CADASTRO INTRANET I Sumário 1. Objetivo do Documento... 1 2. Início... 1 3. Cadastro de Pessoa Física... 3 3.1. Preenchimentos Obrigatórios.... 4 3.2. Acesso aos Campos
Leia maisCRIANDO BANCOS DE DADOS NO SQL SERVER 2008 R2 COM O SQL SERVER MANAGEMENT STUDIO
CRIANDO BANCOS DE DADOS NO SQL SERVER 2008 R2 COM O SQL SERVER MANAGEMENT STUDIO Antes de criarmos um novo Banco de Dados quero fazer um pequeno parênteses sobre segurança. Você deve ter notado que sempre
Leia maisBarra de ferramentas padrão. Barra de formatação. Barra de desenho Painel de Tarefas
Microsoft Power Point 2003 No Microsoft PowerPoint 2003, você cria sua apresentação usando apenas um arquivo, ele contém tudo o que você precisa uma estrutura para sua apresentação, os slides, o material
Leia maisManual 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 maisAcessando um Banco de Dados
Acessando um Banco de Dados Introdução Agora que você já está craque em JSP e já instalou seu servidor, vamos direto para a parte prática! Neste tutorial vamos aprender a acessar um banco de dados. Para
Leia mais15. OLHA QUEM ESTÁ NA WEB!
7 a e 8 a SÉRIES / ENSINO MÉDIO 15. OLHA QUEM ESTÁ NA WEB! Sua home page para publicar na Internet SOFTWARES NECESSÁRIOS: MICROSOFT WORD 2000 MICROSOFT PUBLISHER 2000 SOFTWARE OPCIONAL: INTERNET EXPLORER
Leia maisDaruma NFCe Conheça todos os passos para testar a NFCe Daruma
Pré-requisitos Mini Impressora Daruma versão 02.50.02 ou superior. Cadastro no servidor de Testes Daruma NFCe Conheça todos os passos para testar a NFCe Daruma Adquirir Mini Impressora a preço subsidiado
Leia maisProgramação WEB II. Formulários Em PHP. Métodos GET e POST progweb2@thiagomiranda.net. Thiago Miranda dos Santos Souza
Formulários Em PHP Métodos GET e POST progweb2@thiagomiranda.net Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Entender o funcionamento
Leia maisÍNDICE. 1. Introdução...2. 2. O que é o Sistema Mo Porã...2. 3. Como acessar o Site Mo Porã...3. 4. Cadastro do Sistema Mo Porã...
ÍNDICE 1. Introdução...2 2. O que é o Sistema Mo Porã...2 3. Como acessar o Site Mo Porã...3 4. Cadastro do Sistema Mo Porã...4 5. Navegando no Site Mo Porã...6 5. 1 Manual de ajuda do sistema Mo Porã...7
Leia maisFollow-Up Acompanhamento Eletrônico de Processos (versão 3.0) Manual do Sistema. 1. Como acessar o sistema Requisitos mínimos e compatibilidade
do Sistema Índice Página 1. Como acessar o sistema 1.1 Requisitos mínimos e compatibilidade 03 2. Como configurar o Sistema 2.1 Painel de Controle 2.2 Informando o nome da Comissária 2.3 Escolhendo a Cor
Leia maisWeb Design Aula 11: Site na Web
Web Design Aula 11: Site na Web Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação Criar o site em HTML é interessante Do que adianta se até agora só eu posso vê-lo? Hora de publicar
Leia maisCONCEITOS INICIAIS. Agenda A diferença entre páginas Web, Home Page e apresentação Web;
CONCEITOS INICIAIS Agenda A diferença entre páginas Web, Home Page e apresentação Web; O que é necessário para se criar páginas para a Web; Navegadores; O que é site, Host, Provedor e Servidor Web; Protocolos.
Leia maiswww.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 maisDarkStat para BrazilFW
DarkStat para BrazilFW ÍNDICE Índice Página 1 O que é o DarkStat Página 2 DarkStat e a inicialização do sistema Página 2 DarkStat e a finalização do sistema Página 2 Tela Principal do DarkStat Página 3
Leia maisPHP: Formulários e upload de múltiplos arquivos Por Alfred Reinold Baudisch 28 de fevereiro de 2006.
PHP: Formulários e upload de múltiplos arquivos Por Alfred Reinold Baudisch 28 de fevereiro de 2006. Veja como montar um formulário para upload de múltiplos arquivos e como processá-lo com o PHP, usando
Leia maisESTUDO SOBRE AS LINGUAGENS DE PROGRAMAÇÃO HOSPEDEIRAS SUPORTADAS PELA FERRAMENTA HTML. Aluno: Rodrigo Ristow Orientador: Wilson Pedro Carli
ESTUDO SOBRE AS LINGUAGENS DE PROGRAMAÇÃO HOSPEDEIRAS SUPORTADAS PELA FERRAMENTA HTML Aluno: Rodrigo Ristow Orientador: Wilson Pedro Carli Objetivo; Roteiro da Apresentação Visão Geral sobre Internet,
Leia maisAula 03 - Projeto Java Web
Aula 03 - Projeto Java Web Para criação de um projeto java web, vá em File/New. Escolha o projeto: Em seguida, na caixa Categorias selecione Java Web. Feito isso, na caixa à direita selecione Aplicação
Leia maisÍndice. Para encerrar um atendimento (suporte)... 17. Conversa... 17. Adicionar Pessoa (na mesma conversa)... 20
Guia de utilização Índice Introdução... 3 O que é o sistema BlueTalk... 3 Quem vai utilizar?... 3 A utilização do BlueTalk pelo estagiário do Programa Acessa Escola... 5 A arquitetura do sistema BlueTalk...
Leia maisTutorial de Integração HTML
Tutorial de Integração HTML Sumário Tutorial de Integração - HTML... 3 Configurando Envio... 4 Enviando Múltiplas SMS... 6 Enviando Múltiplos SMS a partir de um arquivo CSV... 7 Glossário... 8 2 Tutorial
Leia maisEntendendo como funciona o NAT
Entendendo como funciona o NAT Vamos inicialmente entender exatamente qual a função do NAT e em que situações ele é indicado. O NAT surgiu como uma alternativa real para o problema de falta de endereços
Leia maisALTERNATIVA PARA CONEXÃO VIA INTERNET DE IP MASCARADO A IP REAL
Documento: Tutorial Autor: Iuri Sonego Cardoso Data: 27/05/2005 E-mail: iuri@scripthome.cjb.net Home Page: http://www.scripthome.cjb.net ALTERNATIVA PARA CONEXÃO VIA INTERNET DE IP MASCARADO A IP REAL
Leia maisDESENVOLVENDO APLICAÇÃO UTILIZANDO JAVA SERVER FACES
DESENVOLVENDO APLICAÇÃO UTILIZANDO JAVA SERVER FACES Alexandre Egleilton Araújo, Jaime Willian Dias Universidade Paranaense (Unipar) Paranavaí PR Brasil araujo.ale01@gmail.com, jaime@unipar.br Resumo.
Leia maisSUMÁRIO Acesso ao sistema... 2 Atendente... 3
SUMÁRIO Acesso ao sistema... 2 1. Login no sistema... 2 Atendente... 3 1. Abrindo uma nova Solicitação... 3 1. Consultando Solicitações... 5 2. Fazendo uma Consulta Avançada... 6 3. Alterando dados da
Leia maisData: 22 de junho de 2004. E-mail: ana@lzt.com.br
Data: 22 de junho de 2004. E-mail: ana@lzt.com.br Manual do Suporte LZT LZT Soluções em Informática Sumário VPN...3 O que é VPN...3 Configurando a VPN...3 Conectando a VPN... 14 Possíveis erros...16 Desconectando
Leia maisPortal Sindical. Manual Operacional Empresas/Escritórios
Portal Sindical Manual Operacional Empresas/Escritórios Acesso ao Portal Inicialmente, para conseguir acesso ao Portal Sindical, nos controles administrativos, é necessário acessar a página principal da
Leia maisDespachante Express - Software para o despachante documentalista veicular DESPACHANTE EXPRESS MANUAL DO USUÁRIO VERSÃO 1.1
DESPACHANTE EXPRESS MANUAL DO USUÁRIO VERSÃO 1.1 1 Sumário 1 - Instalação Normal do Despachante Express... 3 2 - Instalação do Despachante Express em Rede... 5 3 - Registrando o Despachante Express...
Leia maisEXEMPLO DE COMO FAZER UMA MALA DIRETA
EXEMPLO DE COMO FAZER UMA MALA DIRETA OBS: Para esta nota de aula foi utilizada como referência: Apostila Mala Direta Santos, Jorge Rodrigues dos. Foram adaptados os comando para utilizar mala direta no
Leia maisOrientação a Objetos
1. Domínio e Aplicação Orientação a Objetos Um domínio é composto pelas entidades, informações e processos relacionados a um determinado contexto. Uma aplicação pode ser desenvolvida para automatizar ou
Leia maisMANUAL C R M ÍNDICE. Sobre o módulo de CRM... 2. 1 Definindo a Campanha... 3
ÍNDICE Sobre o módulo de CRM... 2 1 Definindo a Campanha... 3 1.1 Incluir uma campanha... 3 1.2 Alterar uma campanha... 4 1.3 Excluir... 4 1.4 Procurar... 4 2 Definindo os clientes para a campanha... 4
Leia maisTUTORIAL DO ACCESS PASSO A PASSO. I. Criar um Novo Banco de Dados. Passos: 1. Abrir o Access 2. Clicar em Criar um novo arquivo
TUTORIAL DO ACCESS PASSO A PASSO I. Criar um Novo Banco de Dados Passos: 1. Abrir o Access 2. Clicar em Criar um novo arquivo 3. Clicar em Banco de Dados em Branco 4. Escrever um nome na caixa de diálogo
Leia maisComo incluir artigos:
Como incluir artigos: O WordPress é uma ferramenta muito flexível, com muitas variações e ajustes que podem torná-lo algo muito simples e também muito sofisticado conforme os recursos que são configurados
Leia maisWEBSITE. Como utilizar um site Assistente de Criação para criar seu próprio site
WEBSITE Como utilizar um site Assistente de Criação para criar seu próprio site QUAL A PRINCIPAL UTILIDADE PARA UM SITE? Propaganda! Um website é a sua presença na mais recente das mídias. Como mídia,
Leia maisMANUAL DE CONFIGURAÇÃO
MANUAL DE CONFIGURAÇÃO Índice Conteúdo Página Legendas 3 1.0 Primeiro acesso 5 2.0 Cadastro de login e senha 6 3.0 Configuração do Blocker 7 3.1 Senha de acesso 8 3.2 Grade de Horário 9 3.2.1 Configurando
Leia maisPROGRAMAÇÃO PARA INTERNET. Fonte: Raul Paradeda
PROGRAMAÇÃO PARA INTERNET Introdução à AJAX Fonte: Raul Paradeda INTRODUÇÃO Para entender o que é o AJAX é necessário ter o prévio conhecimento de: HTML / XHTML; Javascript; CSS; XML. INTRODUÇÃO Ao pesquisar
Leia mais3. No painel da direita, dê um clique com o botão direito do mouse em qualquer espaço livre (área em branco).
Permissões de compartilhamento e NTFS - Parte 2 Criando e compartilhando uma pasta - Prática Autor: Júlio Battisti - Site: www.juliobattisti.com.br Neste tópico vamos criar e compartilhar uma pasta chamada
Leia maisEnviado dados para o PHP através de formulário
Enviado dados para o PHP através de formulário Bom galera, eu estive um tempo parado sem postar nada aqui no blog, mas prometo que vou tentar voltar a ativa. Mas vamos deixar de conversa e vamos ao que
Leia maisRegistro e Acompanhamento de Chamados
Registro e Acompanhamento de Chamados Contatos da Central de Serviços de TI do TJPE Por telefone: (81) 2123-9500 Pela intranet: no link Central de Serviços de TI Web (www.tjpe.jus.br/intranet) APRESENTAÇÃO
Leia maisETEC DR. EMÍLIO HENRNANDEZ AGUILAR PROGRAMAÇÃO DE COMPUTADORES II PROFESSOR RAFAEL BARRETO DELPHI FORMULÁRIO COM ABAS E BUSCAS DE REGISTROS
ETEC DR. EMÍLIO HENRNANDEZ AGUILAR PROGRAMAÇÃO DE COMPUTADORES II PROFESSOR RAFAEL BARRETO DELPHI FORMULÁRIO COM ABAS E BUSCAS DE REGISTROS FORMULÁRIOS COM ABAS Trabalhar com abas (ou guias) é um recurso
Leia maisTutorial Gerar arquivo PDF. Gerando um documento pdf com várias imagens 1- Inserir imagem no Word
Tutorial Gerar arquivo PDF. Com o objetivo de simplificar e diminuir o tamanho de arquivos anexos nos projetos, elaboramos um pequeno tutorial mostrando como gerar um único arquivo no formato pdf contendo
Leia maisSMS Corporativo Manual do Usuário
NEXTEL SMS Corporativo Manual do Usuário Conteúdo 2 CAPÍTU LO 1 Introdução 3 CAPÍTU LO 2 Funcionalidades 1 Copyright Curupira S/A TakeNET INTRODUÇÃO A FERRAMENTA O SMS Corporativo é um serviço criado para
Leia maisTabela e Gráficos Dinâmicos Como estruturar dinamicamente dados no Excel
Tabela e Gráficos Dinâmicos Como estruturar! Para que serve a Tabela e o Gráfico Dinâmico?! Como criar uma Tabela Dinâmica?! Como criar um Gráfico Dinâmico?! Como podemos atualizar dos dados da Tabela
Leia maisInventario de produtos
Inventario de produtos Parar o TAC. Gerar o inventario. Informações de erros na importação de produtos. Produtos sem código tributário associado. A posse de produtos no Thotau. Como corrigir as posses
Leia maisDesenvolvendo para WEB
Nível - Básico Desenvolvendo para WEB Por: Evandro Silva Neste nosso primeiro artigo vamos revisar alguns conceitos que envolvem a programação de aplicativos WEB. A ideia aqui é explicarmos a arquitetura
Leia maisManual SAGe Versão 1.2 (a partir da versão 12.08.01)
Manual SAGe Versão 1.2 (a partir da versão 12.08.01) Submissão de Relatórios Científicos Sumário Introdução... 2 Elaboração do Relatório Científico... 3 Submissão do Relatório Científico... 14 Operação
Leia maisComo Usar o DriverMax
Como Usar o DriverMax Este programa é uma mão na roda para proteger os drivers dos componentes de um computador. Veja porquê. O DriverMax é uma ferramenta que faz cópias de segurança de todos os drivers
Leia maisTECNOLOGIAS WEB. Unidade 2 Introdução a Construção de Páginas Estáticas. Luiz Leão luizleao@gmail.com http://luizleao.com
Luiz Leão luizleao@gmail.com http://luizleao.com CONTEÚDO PROGRAMÁTICO DESTA UNIDADE HTML TAG S HTML LINGUAGEM HTML Hypertext Markup Language Interpretada pelo navegador Não linearidade da informação Formatação
Leia maisSISTEMA DE GERENCIAMENTO DE PROJETOS - REDMINE MANUAL DE USO
SISTEMA DE GERENCIAMENTO DE PROJETOS - REDMINE MANUAL DE USO AGOSTO DE 2013 SUMÁRIO STI/UFF - Sistema de Gerenciamento de Projetos do PDI SUMÁRIO... 2 1 Introdução... 3 1.1 O que é e qual a finalidade
Leia maisInformática I. Aula 6. http://www.ic.uff.br/~bianca/informatica1/ Aula 6-12/09/2007 1
Informática I Aula 6 http://www.ic.uff.br/~bianca/informatica1/ Aula 6-12/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 mais