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

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

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

Transcrição

1 Formulários em HTML - O que são e para que servem A tag <form> - Os atributos action e method A primeira coisa que iremos fazer é usar a tag <form> para podermos usarmos formulários. Antes de entrarmos em detalhes sobre os atributos e uso desta tag, devemos nos lembrar que o HTML serve apenas para definir a maneira como as informações, inclusive os formulários, estão localizados em uma página de um site. Assim, vamos criar botões, caixas de texto, caixas de senha etc. Mas ao clicar, nada vai ocorrer, pois para fazer alguma ação (como efetuar o login), devemos entrar mais a fundo nos códigos e usar códigos de programação, como em PHP ou JavaScript. Mas antes de aprendermos essas linguagens, precisamos entender o HTML. O atributo action Quando clicamos em um botão ou escrevemos em uma caixa de texto, estamos fazendo uma ação. A ação pode ser o envio de e senha para fazer o login, ou pode ser que ao pressionar um botão todos os campos de textos sejam limpos. Uma ação, como a abertura de uma janela, pode ser tomada se marcamos uma opção numa lista. Enfim, as ações são infinitas, e é o programador que vai decidir o que será feito quando o usuário interagir com o formulário. Essa interação e comandos da ação está definida em um arquivo que contém um script, que são códigos de programação. Logo, este atributo action vai armazenar o endereço, a URL deste arquivo: <form action="url_do_script"> O atributo method Já para o atributo method usaremos dois tipos de valores: get e post Os dois valores, get e post servem para enviar as informações obtidas pelo formulário para o handler, que é o código de programação que vai trabalhar, lidar com as informações inseridas no formulário. Quando usamos o valor get, o dado é passado direto na URL do documento. Por exemplo, se tiver um formulário de nome 'lingua' e você insere no formulário a informação que a língua é o português do Brasil, o 'pt_br', e no código do formulário você usa o get, a URL vai ficar: ANTIGA.com.br/algo.html&lingua=pt_BR

2 Já se você usar o post, vai passar a informação do mesmo jeito, mas não vai ser de uma maneira visível, como no caso do get que mostra a informação na URL.. Assim, a sintaxe geral de um formulário é <form action="url_do_script" method="post"> <form action="url_do_script" method="get"> Para que servem as caixas de senha em HTML Assim como as caixas de textos simples, as caixas de senha são um tipo especial de formulário devido a sua importância, visto que usamos diversas, ao longo do dia. Ao entrar em seu , você preenche seu login e senha. Faz o mesmo para entrar na rede social e até mesmo para usar seu celular. Se você usa o sistema operacional Linux, então, sabe como é comum fornecer a senha para instalar, desinstalar ou fazer qualquer coisa que vá um pouco além do básico, visto que é um sistema extremamente seguro e estável. Na verdade, as caixas de senha (password input boxes, em inglês) não muito diferentes da de texto. A grande vantagem destas é que elas escondem a informação que está sendo digitada, seja através de um asterisco ou a figura de uma bolinha sempre que inserimos algum caractere naquele campo de um formulário de algum site em HTML. Com este tipo de elemento de um formulário, seus usuários podem digitar a senha sem que esta seja vista por pessoas que estejam próximas. Ou seja, elas servem como uma maneira de encriptar ou esconder uma informação segura. Como usar o formulário de Campo de Password: type="password" De fato, a única diferença é no atributo type, que antes era "text", e agora será "password", que significa senha em inglês. E assim como no text input box, vamos usar o atributo name para dar um nome ao nosso campo de senha, pois será necessário identificar cada elemento de um formulário (isso é primordial para tratar os formulários com uma linguagem de programação). Assim, a sintaxe de nossa caixa de password fica: <input type="password" name="senha">

3 Cujo efeito é a seguinte caixa de senha: Tente escrever algo, verá que não vai aparecer, exatamente como ocorre nos formulário de login e senha que você usa por aí, pela internet, mas dessa você foi você que criou o seu form :) Basicamente só fazemos mudar de "text" para "password" o atributo type da tag <input> que o HTML já reconhece e sabe que queremos usar senha naquele campo. Além disso, o seu navegador, junto com o HTML, ao notar que aquele campo é de senha, já disponibiliza alguns recursos de segurança. Por exemplo, escreva algo na caixa de senha e depois selecione o que escreveu e tente copiar para colar em outro lugar: não dá. O HTML é esperto e sabe que isso não deve ocorrer, afinal, senhas são coisas confidenciais. As tags < label >, < legend > e < fieldset >: Nomeando e agrupando campos de um Formulário O campo <label>: Como criar rótulos e etiquetas para os formulários Sempre que formos usar algum campo de um formulário, por mais óbvio que ela possa ser, é necessário deixar bem claro para o usuário e leitor de seu site o propósito daquele campo. Ou seja, devemos fazer um processo de rotulação, colocar etiquetas, algum tipo de marcados nos campos, que explique para que serve cada um daqueles elementos do form. Fizemos isso, algumas vezes, como no uso das caixas de texto, apenas escrevendo "Login" ou "Insira seu aqui" com valor inicial de uma caixa de texto. Sintaxe da tag <label>: O atributo for Assim, para nomearmos de maneira mais correta os campos de um formulário, devemos usar a tag <label> (rótulo ou etiqueta, em inglês), cuja sintaxe é: <label for="nome_do_campo">texto que visível</label> Ou seja, devemos colocar no atributo for o nome do campo de formulário na qual aquele label se refere. Por exemplo, vamos criar uma caixa de texto chamada " " e uma caixa de

4 password chamada "senha", o uso correto do label seria como mostra o seguinte código HTML: <label for=" "> </label> <input type="text" name=" "> <br /> <label for="senha">senha: </label> <input type="password" name="senha"> Cujo resultado será: Senha: Note que o valor contido no atributo for da tag <label> deve igual ao nome do formulário na qual aquele label se refere. Isto é importante. E isso aparentemente é igual a simplesmente colocar um texto qualquer. Mas só aparentemente, pois o uso de label, além de deixar seu código e formulário HTML mais organizado, fornece algumas funcionalidades, principalmente se o leitor não puder ver os formulários. Como criar botões em HTML, de Reset (limpar) e Submit (enviar) em Formulários Como criar Botões HTML: type="button" Felizmente, como em quase todos os campos de um formulário HTML, para criar um botão vamos precisar apenas apenas alterar o valor do atributo type, da tag <input>. Ou seja, criar um button em um site é algo bem simples. A ação que ocorre quando se cria um botão é que é algo mais complexo, e para isso se exige alguma linguagem de programação, como o JavaScript. Assim, a simples sintaxe, portanto, para se criar um botão é: <input type="button"> Cujo resultado é este botãozinho ao lado: Porém, um botão assim não serve para nada, para começar a criar buttons mais úteis em seus sites, é necessário usar o atributo value, pois o que fornecermos de valor para este atributo, é o nome que vai aparecer no botão. E para deixar nosso código pronto para ser usado com um script de programação, vamos dar também um nome para nosso botão, através do atributo name. Assim, o código HTML mais completo e correto do nosso botão fica: <input type="button" name="botao-ok" value="ok"> E o resultado é um botão OK

5 Como criar um menu drop down em formulários HTML: <select> e <option> Para criar um menu do tipo drop down nos formulários de seu site, vamos fazer uso da tag <select>, pois esse menu é do tipo seleção, já que devemos escolher apenas um campo, que ficará em evidência. A sintaxe básica para criar este menu é: <select> <option>opção 1</option> <option>opção 2</option> <option>opção 3</option> <option>opção 4</option> </select> Ou seja, a tag <select> é que define o escopo do menu. E para cada opção deste que menu que queiramos adicionar, temos que inserir uma tag <option>. O resultado do código apresentado é: Os atributos name e value Mas como dissemos, essa é a sintaxe básica, só para você fazer um teste rápido e criar seu menu drop down. Para criar um site bom, bem feito e robusto, temos que usar alguns atributos já conhecidos nossos: name e value. É importante que usemos o atributo name para dar nome ao nosso menu. Ou seja, usamos esse atributo dentro da tag <select>, para definir um nome a este drop down. Isto é extremamente importante pois é isso que vai identificar o menu no formulário, e se tiver outro menu deste tipo, aí que é obrigatório mesmo dar o nome. Já o nome que demos na tag <option> serve para o seu leitor ver o que está escrito. Porém, para o programador que vai receber os dados do formulário o que vai importar de verdade é o que tem no atributo value, que fica dentro de cada tag <option>. Por exemplo, suponha que você fez um site para uma empresa e no formulário vai perguntar que dia do mês quer que o funcionário receba o pagamento, o código HTML será: <select name="diadepagamento"> <option value="1">1</option> <option value="10">10</option> <option value="20">20</option> </select>

6 E o resultado será: Que dia do mês deseja receber seu pagamento? Note que para o usuário não vai fazer diferença alguma, pois ele não vê nem sabe o que são os atributos name e value. Mas quando ele clicar para enviar o formulário para o site, o script responsável por receber as informações vai saber certinho o nome do formulário "diadepagamento" e vai saber o valor, o número do dia do mês que foi escolhido. É importante você adquirir o costume de usar esses atributos agora, enquanto aprende HTML, pois isso é essencial em seus estudos de PHP e JavaScript, no futuro. Agrupando opções: a tag <optgroup> e o atributo label Uma outra possibilidade que o HTML nos fornece para trabalhar com menus do tipo drop down em formulários, é agrupar algumas opções juntas. Para isso, temos que usar uma tag chamada <optgroup>, dentro da tag <select>. Esta tag optgroup tem um atributo especial chamado label (rótulo ou etiqueta, em inglês), que vai nos permitir criar subgrupos dentro do menu, e o nome desses grupos internos é definido no atributo label. A sintaxe para agrupar elementos em um menu drop down é: <select name="nomemenu"> <optgroup label="grupo 1"> <option value="valor1">opção 1</option> <option value="valor2">opção 2</option> <option value="valor3">opção 3</option> </optgroup> <optgroup label="grupo 2"> <option value="valor1">opção 1</option> <option value="valor2">opção 2</option> </optgroup> </select> O resultado do código é seguinte menu: O atributo size: o tamanho visível do menu - Caixa de Lista Por padrão, ao usar o menu do tipo dropdown, ele exibe apenas uma opção visível. No exemplo passado, sem clicar no menu vemos apenas "Opção 1". Assim, existe um atributo da tag <select> que permite você quantas opções (<option>) você dezena que seja exibida, ou seja, quantas linhas do menu, é o atributo size, que recebe um número inteiro como valor. No exemplo passado, há 5 linhas com as opções e mais 2 linhas com os nomes dos grupo, totalizando um total de 7 linhas no menu.

7 Vamos colocar o atributo size de modo que exiba todas as 7 linhas do menu. Nosso código HTML se torna: <select name="nomemenu" size="7"> <optgroup label="grupo 1"> <option value="valor1">opção 1</option> <option value="valor2">opção 2</option> <option value="valor3">opção 3</option> </optgroup> <optgroup label="grupo 2"> <option value="valor1">opção 1</option> <option value="valor2">opção 2</option> </optgroup> </select> E o resultado é o seguinte menu: Opção 1 Opção 2 Opção 3 Opção 1 Opção 2 Caso você escolha um número menor de linhas para serem exibidas, o HTML cria automaticamente uma barra de rolagem, vamos colocar size="5", veja o que acontece: Opção 1 Opção 2 Opção 3 Opção 1 Opção 2 Podemos dizer que este tipo de menu é uma Caixa de Lista. O atributo multiple: Escolhendo mais de uma opção no menu drop down Tente marcar mais de uma opção no menu do código passado. Segure control e vá marcando mais de uma opção. É, não dá. Mas e se você quiser que seja possível que o leitor selecione mais de uma opção, como no caso das checkbox? Para variar, fazer isso é algo bem simples, basta usar o atributo multiple, da tag <select>. O valor que este deve receber é "multiple". Vamos testar no exemplo passado: <select name="nomemenu" size="7" multiple="multiple"> <optgroup label="grupo 1"> <option value="valor1">opção 1</option> <option value="valor2">opção 2</option> <option value="valor3">opção 3</option> </optgroup> <optgroup label="grupo 2"> <option value="valor1">opção 1</option> <option value="valor2">opção 2</option> </optgroup> </select>

8 O resultado é o seguinte: Opção 1 Opção 2 Opção 3 Opção 1 Opção 2 Experimente segurar control e clicar em mais de uma opção. Você verá que é possível selecionar diversas opções. Exercício sobre menus drop down em HTML Crie um menu que pergunte quais linguagens o usuário deseja aprender. Divida essas linguagens em dois grupos: para Desktop e para Web. O leitor de seu site pode optar por assinalar mais de uma opção. Código HTML: <select name="linguagens" size="7" multiple="multiple"> <optgroup label="linguagens para Web"> <option value="html">html (linguagem de marcação)</option> <option value="css">css (linguagem de estilo)</option> <option value="js">javascript (linguagem de programação)</option> <option value="php">php (linguagem de programação)</option> </optgroup> <optgroup label="linguagens para Desktop"> <option value="c">c (linguagem de programação)</option> <option value="cmm">c++ (linguagem de programação)</option> <option value="java">java (linguagem de programação)</option> </optgroup> </select> Resultado do código: HTML (linguagem de marcação) CSS (linguagem de estilo) JavaScript (linguagem de programação) PHP (linguagem de programação) C (linguagem de programação) C++ (linguagem de programação) Java (linguagem de programação) Botões de Rádio (radio button) - Escolhendo uma opção Para que serve um Radio Button O primeiro tipo de campo que vamos usar para fazer uma escolha, é o radio button (botão do tipo rádio, ou botão radial), que nada mais é que aquele bolinha onde clicamos e apenas uma das opções podem ser escolhidas. Essa é a característica principal deste tipo de campo de um formulário: usamos os radio buttons quando queremos escolher apenas UMA opção, dentre as várias listadas.

9 Ou seja, devemos fazer uma pergunta ou pedir uma informação cuja a resposta seja única. Por exemplo, ao pedir o gênero, estamos querendo saber se a pessoa é homem OU mulher. Ao perguntar se um cliente tem plano de saúde ou não, a resposta só pode ser SIM ou NÃO. A faixa de salário pode ser até mil, entre mil e dois mil reais, entre três e quatro mil, ou mais de quatro mil. Ou seja, só uma opção pode ser marcada. Como usar o Radio Button: type="radio" Para usar este tipo de campo de um formulário, temos que fornecer o valor "radio" ao atributo type da tag <input>. Também devemos fornecer o atributo nome, de tal modo que todas as opções, todo o grupo de botões rádio, devem ter o mesmo o nome. O que irá mudar entre uma opção e outra é o atributo value. Assim, a sintaxe para usar os botões radiais é: <input type="radio" name="nome_do_grupo" value="valor"/> Valor E o resultado é o radio button: Valor Vamos criar um grupo de botões rádio com as opções "Sim", "Não", "Talvez" e "Quem Sabe", que respondem a pergunta: "Você deseja trabalhar como Webmaster?" O código é: <input type="radio" name="webmaster" value="sim"/> Sim<br /> <input type="radio" name="webmaster" value="nao"/> Não<br /> <input type="radio" name="webmaster" value="talvez"/> Talvez<br /> <input type="radio" name="webmaster" value="quem_sabe"/> Quem sabe E o resultado, são os belos radio buttons a seguir: Você deseja trabalhar como Webmaster? Sim Não Talvez Quem sabe Aqui frisamos a importância de terem o mesmo nome, "opções".

10 Se você selecionar 'sim', por exemplo e enviar seu formulário, o programador que fez o sistema vai receber o valor 'sim' e sabe que essa resposta foi dada ao grupo de botões de nome "webmaster". Então, se tiver escolhido sim, vai abrir um site pra você fazer um curso. Se tiver escolhido não, o sistema (em PHP, por exemplo) vai te mostrar mais vantagens em ser um Webmaster, etc. O importante é notar que o valor é enviado para o site. Então o site sabe sua resposta (value) de um grupo de botões (name) específico. Caixas de checagem (checkbox) - Fazendo escolhas Para que serve uma checkbox Responda o seguinte formulário: O que deseja aprender? HTML CSS JavaScript PHP Esses campos são do tipo botão rádio, então dá pra escolher somente uma opção. Mas você quer escolher mais, quer estudar tudo: HTML, CSS, JavaScript e PHP também. E agora? É aí que entram as caixas de checagem, ou em inglês, checkbox. São campos de um formulário que permitem que você escolha mais de uma opção, todas ou até nenhuma. Como usar uma checkbox: type="checkbox" Aqui não tem muito segredo, para criar uma caixa de checagem de opções, fazemos exatamente a mesma coisa do radio buttons, a diferença é que no atributo type da tag input, nós fornecemos o valor "checkbox". Por exemplo, o código de um formulário que pergunta o que você deseja aprender seria: <input type="checkbox" name="opcoes" value="html"/> HTML<br /> <input type="checkbox" name="opcoes" value="css"/> CSS<br /> <input type="checkbox" name="opcoes" value="javascript"/> JavaScript<br /> <input type="checkbox" name="opcoes" value="php"/> PHP

11 E o belo resultado será: O que você deseja aprender? HTML CSS JavaScript PHP Resumindo: Para escolher somente uma opção de uma lista de opções, use o Radio Button. Para escolher quantas opções quiser de uma lista, use o Checkbox. Tag <input> - Formulário de Caixa de Texto (Text Input Box) Vamos começar este tutorial sobre formulário ensinando a criar o tipo mais de formulário, uma simples caixa de texto, daquela que inserimos nosso login ou nome, por exemplo. Existem algumas características que precisamos saber antes de criarmos esse tipo de formulário em nossos sites em HTML. Primeiro é que usaremos a tag <input> (input, em inglês, é entrada) para essa caixa. Como queremos que esse formulário seja do tipo texto, precisamos dar o valor "text" ao tributo type. Já que é possível criar vários formulário, é uma boa prática darmos nome aos nossos formulários, através do atributo name, que recebe o valor que quisermos (o nome que escolhermos). E se você se lembrar bem, existem caixas de texto com diversos tamanhos, pequenas e grandes, esse tamanho é definido pelo atributosize (tamanho, em inglês). Assim, a sintaxe para criarmos um formulário do tipo Caixa de Texto é: <input type="text" name="nome_do_formulario" size="tamanho_do_for MULARIO"> Por exemplo, vamos criar uma caixa de texto de nome 'Nome' e de tamanho 40 (40 caracteres): <input type="text" name="nome" size="40" /> O resultado é:

12 Exercício com caixas de texto Crie dois campos "Nome" e "Sobrenome", com suas respectivas caixas de texto, alinhadas por tabela, como se fossem um formulário real. Vamos criar uma tabela com duas linhas e duas colunas. Na primeira linha colocamos "Nome" na primeira coluna e o código da caixa de texto na segunda coluna. Fazemos o mesmo para a segunda linha, mudando apenas "Sobrenome". Nosso código fica: <table> Nome: <input type="text" name="nome" size="40"> <br /> Sobrenome: <input type="text" name="sobrenome" size="40"> <br /> </table> E o belo resultado é: Nome: Sobrenome: Atributo maxlength - Tamanho máximo da caixa de texto O atributo size que usamos no exemplo passado serve para definir o tamanho visível deste tipo de formulário, mas experimente escrever nele. Pode escrever o tanto que quiser,que vai caber. Ora, as vezes vamos querer limitar o tanto de caracteres que é possível escrever. Por exemplo, vamos supor que seja necessário pedir a idade de seu leitor, a idade dele pode ter um caractere (se for uma criança de até 9 anos), 2 caracteres (o mais comum) ou 3 (sim, pode haver pessoas com 100 ou mais anos acessando seu site, vai saber...). Para isso, usamos o atributo maxlength que serve para dizer o tamanho MÁXIMO de caracteres que é permitido escrever. Vamos fazer o caso da idade: <input type="text" name="idade" size="10" maxlength="3">

13 O resultado será: Tentem colocar 4 caracteres. Não dá. Afinal, você limitou para 3, e você é o webmaster, você que manda :) Exercício usando o atributo maxlength da tag <input> Faça um site que exiba duas caixas de texto para pedir o número do CEP da rua de seu leitor. Lembrando que o CEP tem no total de 8 caracteres, com um hífen antes dos 3 últimos dígitos. Primeiros criamos um campo para o leitor de seu site colocar os cinco primeiros dígitos. Mostramos um hífen, e em seguida outro formulário, outra caixa de texto, mas agora com o limite de 3 caracteres. O código HTML desses formulários é: CEP: <input type="text" name="cep" size="5" maxlength="5"> - <input type="text" name="cep2" size="3" maxlength="3"> E o resultado será: CEP: - Tutorial: Como criar um formulário HTML para um site com a tag <form> Vimos que para iniciar um formulário devemos usar a tag <form>, onde vamos usar dois atributos, o "action" que vai receber a URL do script de programação que vai tratar os dados do formulário preenchido pelo usuário e o atributo "method", que se refere a maneira na qual esses dados serão enviados. O que devemos saber sobre a tag form é que ela envolve uma série de campos, que no nosso caso terá a seguinte sintaxe: <form action="script_do_formulario.php" method="post"> campos do formulário aqui dentro das tags </form> Com a estrutura básica montada e explicada, vamos criar os diferentes grupos do formulário, que são os campos de dados, campos de endereço e os campos de login.

14 Campos de Dados Pessoais Vamos definir nosso primeiro bloco de fieldset, para colocar os dados pessoas, como Nome, Sobrenome, RG, CPF e Data de Nascimento. Este trecho do código começa pelo comentário: <!-- DADOS PESSOAIS--> Usamos a tag <legend> para criar uma descrição para cada tipo de fieldset, que se chamará "Dados Pessoais". Como são diversos campos, e todos terão labels (legenda descritiva do campo), usaremos os conceitos de tabelas em HTML para organizar e alinhas nossos campos. O que basicamente vamos fazer é colocar o nome do campo em uma coluna e o campo na coluna ao lado, assim teremos sempre o nome (label) lado a lado do campo (<input>). Assim, nesse primeiro grupo de campos, usaremos apenas um tipo de campo de formulário, o de Caixa de Texto. Apenas atentamos para o fato de limitar o número de caracteres no RG em 13 números. Também dividimos os campos de CPF em dois campos diferentes, para o leitor saber bem que no primeiro campo vão os 9 primeiros dígitos, depois tem um hífen e por fim um campo que cabe os dois dígitos identificadores. Como há muita confusão para preencher uma data, colocamos valores pré-definidos em cada campo, para sinalizar que queremos data no padrão: dd/mm/aaaa Campos de Dados do Endereço Para os dados de endereço, como rua, número, bairro e cidade, iremos fazer igual como fizemos com os campos de dado pessoal, usando caixas de texto. Este trecho do código é iniciado pelo comentário: <!-- ENDEREÇO -->

15 A única diferença aqui é o uso de menu através das tags <selection> e <option>. para criar todas as opções de estados brasileiros. O código é longo, mas bem simples de entender. Aqui é importante frisar o uso dos atributos name, e que cada um desses campos tenham nomes distintos, para não haver confusão na hora que enviarmos esses dados para um script no servidor. Campos de Dados de Login Essa seção, no código HTML, é identificada pelo comentário: <!-- DADOS DE LOGIN --> Para fazer os campos do formulário responsáveis pelo sistema de login, usamos caixas de texto para pedir o login e o . Já para pedir a senha e sua confirmação, usamos o que aprendemos em caixas de password. E aqui uma novidade: usamos um campo do tipo file, que automaticamente cria um botão para que possamos carregar um arquivo de nosso HD. Para usar essa ferramenta, basta colocar "file" como o valor do atributo type da tag <input>: <input type="file" name="imagem" > E por fim, criamos dois simples botões. Um botão de reset (limpar campos) e de submit (enviar). Código HTML de nosso Tutorial sobre Formulários <!DOCTYPE html> <html> <head> <title> Como criar um formulário completo em HTML </title> <meta name="description" content="aprenda a criar um site completo que usa formulários em HTML"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> </head> <body> <h1> Bem vindo ao site HTML Progressivo</h1>

16 <h2> Preencha o formulário abaixo para participar do curso de HTML & CSS completo, online e grátis</h2><br /> <form action="script_do_formulario.php" method="post"> <!-- DADOS PESSOAIS--> <fieldset> <legend>dados Pessoais</legend> <table cellspacing="10"> <label for="nome">nome: </label> <input type="text" name=" "> <label for="sobrenome">sobrenome: </label> <input type="text" name="sobrenome"> <label>nascimento: </label> <input type="text" name="dia" size="2" maxlength="2" value="dd"> <input type="text" name="mes" size="2" maxlength="2" value="mm"> <input type="text" name="ano" size="4" maxlength="4" value="aaaa"> <label for="rg">rg: </label> <input type="text" name="rg" size="13" maxlength="13"> <label>cpf:</label> <input type="text" name="cpf" size="9" maxlength="9"> - <input type="text" name="cpf2" size="2" maxlength="2"> </table> </fieldset> <br /> <!-- ENDEREÇO --> <fieldset> <legend>dados de Endereço</legend> <table cellspacing="10">

17 <label for="rua">rua:</label> <input type="text" name="rua"> <label for="numero">numero:</label> <input type="text" name="numero" size="4"> <label for="bairro">bairro: </label> <input type="text" name="bairro"> <label for="estado">estado:</label> <select name="estado"> <option value="ac">acre</option> <option value="al">alagoas</option> <option value="am">amazonas</option> <option value="ap">amapá</option> <option value="ba">bahia</option> <option value="ce">ceará</option> <option value="df">distrito Federal</option> <option value="es">espírito Santo</option> <option value="go">goiás</option> <option value="ma">maranhão</option> <option value="mt">mato Grosso</option> <option value="ms">mato Grosso do Sul</option> <option value="mg">minas Gerais</option> <option value="pa">pará</option> <option value="pb">paraíba</option> <option value="pr">paraná</option> <option value="pe">pernambuco</option> <option value="pi">piauí</option> <option value="rj">rio de Janeiro</option> <option value="rn">rio Grande do Norte</option> <option value="ro">rondônia</option> <option value="rs">rio Grande do Sul</option> <option value="rr">roraima</option> <option value="sc">santa Catarina</option> <option value="se">sergipe</option> <option value="sp">são Paulo</option> <option value="to">tocantins</option> </select> <label for="cidade">cidade: </label>

18 <input type="text" name="cidade"> <label for="cep">cep: </label> <input type="text" name="cep" size="5" maxlength="5"> - <input type="text" name="cep2" size="3" maxlength="3"> </table> </fieldset> <br /> <!-- DADOS DE LOGIN --> <fieldset> <legend>dados de login</legend> <table cellspacing="10"> <label for=" "> </label> <input type="text" name=" "> <label for="imagem">imagem de perfil:</label> <input type="file" name="imagem" > <label for="login">login de usuário: </label> <input type="text" name="login"> <label for="pass">senha: </label> <input type="password" name="pass"> <label for="passconfirm">confirme a senha: </label> <input type="password" name="passconfirm">

19 </table> </fieldset> <br /> <input type="submit"> <input type="reset" value="limpar"> </form> </body> </html>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

DWEB. Design para Web. HTML5 - Marcação de formulário. Curso Superior de Tecnologia em Design Gráfico

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

mkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos

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

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

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

Scriptlets e Formulários

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

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

FERRAMENTAS DE COLABORAÇÃO CORPORATIVA

FERRAMENTAS DE COLABORAÇÃO CORPORATIVA FERRAMENTAS DE COLABORAÇÃO CORPORATIVA Criação de Formulários no Google Drive Sumário (Clique sobre a opção desejada para ir direto à página correspondente) Criação de Formulários no Google Drive Introdução...

Leia mais

Tutorial Plone 4. Manutenção de Sites. Universidade Federal de São Carlos Departamento de Sistemas Web Todos os direitos reservados

Tutorial Plone 4. Manutenção de Sites. Universidade Federal de São Carlos Departamento de Sistemas Web Todos os direitos reservados Tutorial Plone 4 Manutenção de Sites Universidade Federal de São Carlos Departamento de Sistemas Web Todos os direitos reservados Sumário Introdução 1 Como fazer a autenticação do usuário 1.1 Através do

Leia mais

Como incluir artigos:

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

Esse manual é um conjunto de perguntas e respostas para usuários(as) do Joomla! 1.5.

Esse manual é um conjunto de perguntas e respostas para usuários(as) do Joomla! 1.5. Esse manual é um conjunto de perguntas e respostas para usuários(as) do Joomla! 1.5. Ele considera que você já tem o Joomla! instalado no seu computador. Caso você queira utilizá lo em um servidor na web,

Leia mais

Barra de ferramentas padrão. Barra de formatação. Barra de desenho Painel de Tarefas

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

Tutorial do módulo Carteira Nacional de Militante

Tutorial do módulo Carteira Nacional de Militante Tutorial do módulo Carteira Nacional de Militante 1. Como iniciar o programa O módulo da Carteira de Militante deve ser acessado através dos seguintes endereços: http://www.pcdob.org.br/redevermelha. É

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

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

FERRAMENTAS DE COLABORAÇÃO CORPORATIVA

FERRAMENTAS DE COLABORAÇÃO CORPORATIVA FERRAMENTAS DE COLABORAÇÃO CORPORATIVA Compartilhamento de Arquivos no Google Drive Sumário (Clique sobre a opção desejada para ir direto à página correspondente) Utilização do Google Grupos Introdução...

Leia mais

EXEMPLO DE COMO FAZER UMA MALA DIRETA

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

Sumário INTRODUÇÃO... 3. 1. Acesso ao Ambiente do Aluno... 4. 2. Ferramentas e Configurações... 5. 2.1 Ver Perfil... 5. 2.2 Modificar Perfil...

Sumário INTRODUÇÃO... 3. 1. Acesso ao Ambiente do Aluno... 4. 2. Ferramentas e Configurações... 5. 2.1 Ver Perfil... 5. 2.2 Modificar Perfil... Sumário INTRODUÇÃO... 3 1. Acesso ao Ambiente do Aluno... 4 2. Ferramentas e Configurações... 5 2.1 Ver Perfil... 5 2.2 Modificar Perfil... 6 2.3 Alterar Senha... 11 2.4 Mensagens... 11 2.4.1 Mandando

Leia mais

Tutorial USERADM Como inserir conteúdo no Portal Transparência

Tutorial USERADM Como inserir conteúdo no Portal Transparência Portal Transparência / Acesso a Informação Tutorial USERADM Como inserir conteúdo no Portal Transparência Como acessar? 1. Primeiramente acesse o site de sua instituição, como exemplo vamos utilizar o

Leia mais

W o r d p r e s s 1- TELA DE LOGIN

W o r d p r e s s 1- TELA DE LOGIN S U M Á R I O 1Tela de Login...2 2 Painel......3 3 Post...4 4 Ferramentas de Post...10 5 Páginas...14 6 Ferramentas de páginas...21 7 Mídias...25 8 Links......30 1 1- TELA DE LOGIN Para ter acesso ao wordpress

Leia mais

Manual do Google agenda. criação e compartilhamento de agendas

Manual do Google agenda. criação e compartilhamento de agendas Manual do Google agenda criação e compartilhamento de agendas 1 O que é o Google Agenda? Google Agenda é um serviço de agenda on line gratuito do Google, onde você pode anotar compromissos e tarefas, organizando

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

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

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

1.1) Acesse o site da faculdade: http://www.unirio.br/cch/filosofia. Esse é o mesmo endereço que um visitante usaria para navegar normalmente no site.

1.1) Acesse o site da faculdade: http://www.unirio.br/cch/filosofia. Esse é o mesmo endereço que um visitante usaria para navegar normalmente no site. 1) ACESSO AO SITE NO MODO EDIÇÃO 1.1) Acesse o site da faculdade: http://www.unirio.br/cch/filosofia. Esse é o mesmo endereço que um visitante usaria para navegar normalmente no site. 1.2) No canto superior

Leia mais

Tutorial para envio de comunicados e SMS

Tutorial para envio de comunicados e SMS Tutorial para envio de comunicados e SMS Conteúdo 1. Enviando comunicado para os alunos... 1 2. Verificando a situação do envio dos e-mails para os alunos... 5 3. Enviando comunicado para colaboradores

Leia mais

Portal da Prefeitura de São Paulo SECOM. MANUAL DO WARAM v. 1.5 Secretarias

Portal da Prefeitura de São Paulo SECOM. MANUAL DO WARAM v. 1.5 Secretarias SECOM MANUAL DO WARAM v. 1.5 Secretarias WARAM 1.5 Ferramenta de atualização do Portal da Prefeitura de São Paulo. Use preferencialmente o navegador Internet Explorer superior ou igual a 7.0. No campo

Leia mais

Banco de Dados Microsoft Access: Criar tabelas

Banco de Dados Microsoft Access: Criar tabelas Banco de Dados Microsoft Access: Criar s Vitor Valerio de Souza Campos Objetivos do curso 1. Criar uma no modo de exibição Folha de Dados. 2. Definir tipos de dados para os campos na. 3. Criar uma no modo

Leia mais

PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL

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

Banco de Dados Microsoft Access: Criar tabelas. Vitor Valerio de Souza Campos

Banco de Dados Microsoft Access: Criar tabelas. Vitor Valerio de Souza Campos Banco de Dados Microsoft Access: Criar tabelas Vitor Valerio de Souza Campos Objetivos do curso 1. Criar uma tabela no modo de exibição Folha de Dados. 2. Definir tipos de dados para os campos na tabela.

Leia mais

Manual de configuração do sistema

Manual de configuração do sistema Manual de configuração do sistema (v.1.5.x Beta) Rua México, 119 Sala 2004 Centro Rio de Janeiro, RJ www.doctors-solution.com.br www.simdoctor.com.br contato@simdoctor.com.br Sumário 1. Fazendo seu primeiro

Leia mais

Como criar um formulário de pesquisa usando o Google Drive

Como criar um formulário de pesquisa usando o Google Drive 25/09/2013 07h25 - Atualizado em 25/09/2013 07h43 Como criar um formulário de pesquisa usando o Google Drive por EDIVALDO BRITO Para o TechTudo 1 comentário Se você precisa fazer alguma pesquisa de um

Leia mais

NewAgent enterprise-brain

NewAgent enterprise-brain Manual NewAgent enterprise-brain Configuração Manual NewAgent enterprise-brain Configuração Este manual de uso irá ajudá-lo na utilização de todas as funções administrativas que a NewAgent possui e assim,

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

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

Tutorial Ouvidoria. Acesso, Utilização, Visualização das Manifestações e Resposta ao Manifestante

Tutorial Ouvidoria. Acesso, Utilização, Visualização das Manifestações e Resposta ao Manifestante Tutorial Ouvidoria Acesso, Utilização, Visualização das Manifestações e Resposta ao Manifestante Como acessar a Ouvidoria? 1. Primeiramente acesse o site de sua instituição, como exemplo vamos utilizar

Leia mais

"Manual de Acesso ao Moodle - Discente" 2014

Manual de Acesso ao Moodle - Discente 2014 "Manual de Acesso ao Moodle - Discente" 2014 Para acessar a plataforma, acesse: http://www.fem.com.br/moodle. A página inicial da plataforma é a que segue abaixo: Para fazer o login, clique no link Acesso

Leia mais

Logo abaixo temos a Barra de Menus que é onde podemos acessar todos os recursos do PHP Editor.

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

Fluxo de trabalho do Capture Pro Software: Indexação de OCR e separação de documentos de código de correção

Fluxo de trabalho do Capture Pro Software: Indexação de OCR e separação de documentos de código de correção Este procedimento corresponde ao fluxo de trabalho de Indexação de OCR com separação de código de correção no programa de treinamento do Capture Pro Software. As etapas do procedimento encontram-se na

Leia mais

JavaScript (Funções, Eventos e Manipulação de Formulários)

JavaScript (Funções, Eventos e Manipulação de Formulários) Linguagem de Programação para Web JavaScript (Funções, Eventos e Manipulação de Formulários) Prof. Mauro Lopes 1-31 23 Objetivos Iremos avançar um pouco mais em nosso estudo sobre o JavaScript. Iremos

Leia mais

QUALIDATA Soluções em Informática. Módulo CIEE com convênio empresas

QUALIDATA Soluções em Informática. Módulo CIEE com convênio empresas FM-0 1/21 ÍNDICE 1. MÓDULO DESKTOP(SISTEMA INSTALADO NO CIEE)... 2 Cadastro de Ofertas de Empregos:... 2 Cadastro de Eventos:... 3 Cadastro de Instituições do Curriculum:... 5 Cadastro de Cursos do Curriculum:...

Leia mais

Tutorial SGCD. 1. Efetuando Login no Sistema. 2. Criando uma nova página. 3. Editando uma página já existente

Tutorial SGCD. 1. Efetuando Login no Sistema. 2. Criando uma nova página. 3. Editando uma página já existente Tutorial SGCD 1. Efetuando Login no Sistema 2. Criando uma nova página 3. Editando uma página já existente 4. Anexando arquivos em páginas e no menu esquerdo 5. Colocando Imagens em páginas 6. Colocando

Leia mais

MANUAL COTAÇAO WEB MANUAL MANUAL AVANÇO INFORMÁTICA AVANÇO INFORMÁTICA. [Digite seu endereço] [Digite seu telefone] [Digite seu endereço de email]

MANUAL COTAÇAO WEB MANUAL MANUAL AVANÇO INFORMÁTICA AVANÇO INFORMÁTICA. [Digite seu endereço] [Digite seu telefone] [Digite seu endereço de email] MANUAL COTAÇAO WEB [Digite seu endereço] [Digite seu telefone] [Digite seu endereço de email] MANUAL MANUAL AVANÇO INFORMÁTICA AVANÇO INFORMÁTICA Material Desenvolvido para a Célula Materiais Autor: Equipe

Leia mais

MANUAL DO ANIMAIL 1.0.0.1142 Terti Software

MANUAL DO ANIMAIL 1.0.0.1142 Terti Software O Animail é um software para criar campanhas de envio de email (email Marketing). Você pode criar diversas campanhas para públicos diferenciados. Tela Principal do sistema Para melhor apresentar o sistema,

Leia mais

Inserindo Dados no Banco de Dados Paradox.

Inserindo Dados no Banco de Dados Paradox. Inserindo Dados no Banco de Dados Paradox. - Construção do Banco de Dados: Para podermos inserir algo em um banco precisaremos de um Banco de Dados, para isto iremos montar um utilizando o Programa Database

Leia mais

Manual 2010 Webmaster

Manual 2010 Webmaster Manual 2010 Webmaster Menu 1. Acesso ao sistema 2. Campanhas 2.1 Ver Campanhas Disponíveis 2.2 Minhas Campanhas 3. Formatos 3.1 Banners Automáticos 3.2 Banners Manuais 3.3 E-mail Marketing 3.4 Vitrines

Leia mais

Guia Site Empresarial

Guia Site Empresarial Guia Site Empresarial Índice 1 - Fazer Fatura... 2 1.1 - Fazer uma nova fatura por valores de crédito... 2 1.2 - Fazer fatura alterando limites dos cartões... 6 1.3 - Fazer fatura repetindo última solicitação

Leia mais

PHP Material de aula prof. Toninho (8º Ano)

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

Está apto a utilizar o sistema, o usuário que tenha conhecimentos básicos de informática e navegação na internet.

Está apto a utilizar o sistema, o usuário que tenha conhecimentos básicos de informática e navegação na internet. 1. Descrição Geral Este manual descreve as operações disponíveis no módulo VTWEB Client, cuja finalidade é gerenciar cadastros de funcionários, realização de pedidos e controle financeiro dos pedidos.

Leia mais

Enviado dados para o PHP através de formulário

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

Manual das funcionalidades Webmail AASP

Manual das funcionalidades Webmail AASP Manual das funcionalidades Webmail AASP 1. Configurações iniciais 2. Regras 3. Histórico da conta 4. Autorresposta 5. Dados de acesso (alterando senha de acesso) 6. Identidade (assinatura) 7. Redirecionamento

Leia mais

OFICINA BLOG DAS ESCOLAS

OFICINA BLOG DAS ESCOLAS OFICINA BLOG DAS ESCOLAS Créditos: Márcio Corrente Gonçalves Mônica Norris Ribeiro Março 2010 1 ACESSANDO O BLOG Blog das Escolas MANUAL DO ADMINISTRADOR Para acessar o blog da sua escola, acesse o endereço

Leia mais

Bem- Vindo ao manual de instruções do ECO Editor de COnteúdo.

Bem- Vindo ao manual de instruções do ECO Editor de COnteúdo. Manual de Instruções ECO Editor de Conteúdo Bem- Vindo ao manual de instruções do ECO Editor de COnteúdo. O ECO é um sistema amigável e intui?vo, mas abaixo você pode?rar eventuais dúvidas e aproveitar

Leia mais

BEM-VINDO AO dhl PROVIEW

BEM-VINDO AO dhl PROVIEW BEM-VINDO AO dhl PROVIEW Guia de Usuário O DHL PROVIEW COLOCA VOCÊ NO CONTROLE DE SEUS ENVIOS. PROVIEW O DHL ProView é uma ferramenta de rastreamento on-line que permite o gerenciamento dos envios, a programação

Leia mais

WEBDESIGN. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira

WEBDESIGN. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira WEBDESIGN Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira 1 CDI - Curso de Webdesign - Prof. Paulo Trentin Objetivos para esta aula Debater sobre

Leia mais

MANUAL DE UTILIZAÇÃO

MANUAL DE UTILIZAÇÃO MANUAL DE UTILIZAÇÃO Módulo de operação Ativo Bem vindo à Vorage CRM! Nas próximas paginas apresentaremos o funcionamento da plataforma e ensinaremos como iniciar uma operação básica através do nosso sistema,

Leia mais

Desenvolvendo Websites com PHP

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

Omega Tecnologia Manual Omega Hosting

Omega Tecnologia Manual Omega Hosting Omega Tecnologia Manual Omega Hosting 1 2 Índice Sobre o Omega Hosting... 3 1 Primeiro Acesso... 4 2 Tela Inicial...5 2.1 Área de menu... 5 2.2 Área de navegação... 7 3 Itens do painel de Controle... 8

Leia mais

WORD. Professor: Leandro Crescencio E-mail: leandromc@inf.ufsm.br. http://www.inf.ufsm.br/~leandromc. Colégio Politécnico 1

WORD. Professor: Leandro Crescencio E-mail: leandromc@inf.ufsm.br. http://www.inf.ufsm.br/~leandromc. Colégio Politécnico 1 WORD Professor: Leandro Crescencio E-mail: leandromc@inf.ufsm.br http://www.inf.ufsm.br/~leandromc Colégio Politécnico 1 WORD Mala direta Cartas Modelo Mesclar Etiquetas de endereçamento Formulários Barra

Leia mais

Colégio da Policia Militar do Estado do Tocantins. HTML5 e CSS3 Formulários Prof. Gleison Batista de Sousa

Colégio da Policia Militar do Estado do Tocantins. HTML5 e CSS3 Formulários Prof. Gleison Batista de Sousa Colégio da Policia Militar do Estado do Tocantins HTML5 e CSS3 Formulários Prof. Gleison Batista de Sousa Formulários Avançando no HTML e CSS Nesta aula vamos aprender como criar uma página de contato

Leia mais

e-ouv Passo-a-passo Sistema de Ouvidorias do Poder Executivo Federal Junho, 2015 Controladoria-Geral da União

e-ouv Passo-a-passo Sistema de Ouvidorias do Poder Executivo Federal Junho, 2015 Controladoria-Geral da União e-ouv Passo-a-passo Sistema de Ouvidorias do Poder Executivo Federal Junho, 2015 Sumário 1. Acesso ao sistema... 3 2. Funcionalidades do sistema... 5 3. Como tratar manifestações... 14 3.1 Detalhar...

Leia mais

MANUAL DE UTILIZAÇÃO SISTEMA DE CADASTRO INTRANET

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

Gravando uma Áudio Conferência

Gravando uma Áudio Conferência Gravando uma Áudio Conferência Para iniciar a gravação da áudio conferência, digite *2. Você ouvirá a seguinte mensagem: Para iniciar a gravação da conferência pressione 1, para cancelar pressione * Ao

Leia mais

Google Drive. Passos. Configurando o Google Drive

Google Drive. Passos. Configurando o Google Drive Google Drive um sistema de armazenagem de arquivos ligado à sua conta Google e acessível via Internet, desta forma você pode acessar seus arquivos a partir de qualquer dispositivo que tenha acesso à Internet.

Leia mais

CONSTRUÇÃO DE BLOG COM O BLOGGER

CONSTRUÇÃO DE BLOG COM O BLOGGER CONSTRUÇÃO DE BLOG COM O BLOGGER Blog é uma abreviação de weblog, qualquer registro frequênte de informações pode ser considerado um blog (últimas notícias de um jornal online por exemplo). A maioria das

Leia mais

Despachante Express - Software para o despachante documentalista veicular DESPACHANTE EXPRESS MANUAL DO USUÁRIO VERSÃO 1.1

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

WF Processos. Manual de Instruções

WF Processos. Manual de Instruções WF Processos Manual de Instruções O WF Processos é um sistema simples e fácil de ser utilizado, contudo para ajudar os novos usuários a se familiarizarem com o sistema, criamos este manual. Recomendamos

Leia mais

Fluxo de trabalho do Capture Pro Software: Indexação de código de barras e separação de documentos

Fluxo de trabalho do Capture Pro Software: Indexação de código de barras e separação de documentos Este procedimento corresponde ao fluxo de trabalho de Indexação de código de barras e de separação de documentos no programa de treinamento do Capture Pro Software. As etapas do procedimento encontram-se

Leia mais

O QUE É A CENTRAL DE JOGOS?

O QUE É A CENTRAL DE JOGOS? O QUE É A CENTRAL? A Central de Jogos consiste de duas partes: Um site na Internet e um programa de computador (Central) que deve ser instalado em sua máquina. No site www.centraldejogos.com.br, você pode

Leia mais

Núcleo de Tecnologias Interativas de Aprendizagem.

Núcleo de Tecnologias Interativas de Aprendizagem. Núcleo de Tecnologias Interativas de Aprendizagem. TUTORIAL MOODLE Titulo: Primeiro Acesso a Plataforma MOODLE. Autor: NUTEIA Data de Criação: 03 / 02 / 2008. Atualizado em: 16 / 03 / 2012. 1ª Etapa 01

Leia mais

02 - Usando o SiteMaster - Informações importantes

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

Universidade Federal do Mato Grosso - STI-CAE. Índice

Universidade Federal do Mato Grosso - STI-CAE. Índice CAPA Universidade Federal do Mato Grosso - STI-CAE Índice 1. Página da área administrativa... 1.1 Botões e campo iniciais... 2. Explicar como funcionam as seções... 2.1. Seções dinâmicos... 2.1.1 Como

Leia mais

Trecho retirando do Manual do esocial Versão 1.1

Trecho retirando do Manual do esocial Versão 1.1 Trecho retirando do Manual do esocial Versão 1.1 A rotina de acesso direto ao XML do S-1000, o usuário pode encontrar na opção de cadastro de Empresas do SIP. Sempre que o usuário localizar a figura ao

Leia mais

Tutorial do Usuário para utilização do Magento e commerce

Tutorial do Usuário para utilização do Magento e commerce Tutorial do Usuário para utilização do Magento e commerce Sumário Introdução...3 Página inicial (Home Page)...3 Criar uma conta ou Entrar (Login)...4 Criar uma Conta...5 Entrar (Login)...6 Minha Conta...7

Leia mais

Manual de Publicaça o no Blog da Aça o TRIBOS nas Trilhas da Cidadania

Manual de Publicaça o no Blog da Aça o TRIBOS nas Trilhas da Cidadania Manual de Publicaça o no Blog da Aça o TRIBOS nas Trilhas da Cidadania Sumário Objetivos do Blog... 2 Log-in... 3 Esqueci minha senha... 4 Utilizando o Blog... 5 Encontrando seu Blog... 5 Conhecendo o

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

TECNOLOGIAS WEB. Unidade 2 Introdução a Construção de Páginas Estáticas. Luiz Leão luizleao@gmail.com http://luizleao.com

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

Sistema de Registro das Atividades do RT - Tutorial de utilização

Sistema de Registro das Atividades do RT - Tutorial de utilização Sistema de Registro das Atividades do RT - Tutorial de utilização Acesso WEB 1. Primeiro acesso Para acessar o sistema, abra seu navegador de internet e vá até o site http://sistemart.crmv pr.org.br. Você

Leia mais

Programação web Prof. Wladimir

Programação web Prof. Wladimir Programação web Prof. Wladimir Linguagem PHP Cookie e Sessão @wre2008 1 Sumário Header; Cookie; Sessão; Exemplos. @wre2008 2 Header Esta função permite que um script php redirecione para outra página.

Leia mais

Vamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova.

Vamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova. 3.5 Páginas: Ao clicar em Páginas, são exibidas todas as páginas criadas para o Blog. No nosso exemplo já existirá uma página com o Título Página de Exemplo, criada quando o WorPress foi instalado. Ao

Leia mais

www.marketingdigitalexpress.com.br - Versão 1.0 Página 1

www.marketingdigitalexpress.com.br - Versão 1.0 Página 1 www.marketingdigitalexpress.com.br - Versão 1.0 Página 1 Remarketing é um recurso utilizado para direcionar anúncios personalizados para as pessoas que visitaram uma determinada página do seu site ou clicaram

Leia mais