laboratório de informática formulários em html 1º semestre 2010 > pucpr > bsi bruno c. de...
TRANSCRIPT
![Page 1: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/1.jpg)
Laboratório de InformáticaFormulários em HTML
1º Semestre 2010 > PUCPR > BSI
Bruno C. de PaulaBruno C. de Paula
![Page 2: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/2.jpg)
2
Formulários mal construídos podem mudar o mundo!
Cédula das eleições americanas de 2000
![Page 3: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/3.jpg)
Resumo da aulaNa aula hoje, nosso objetivo é aprender a criar formulários em HTML 4 e 5;Hoje, vamos nos preocupar apenas com a interface do formulário, o que permite que o usuário interaja com o documento;Em situações reais, para um formulário fazer sentido, será necessária a utilização associada de uma linguagem cliente como JavaScript ou no servidor como PHP;Também deixaremos claro que nada impede o uso de forms HTML5 já!
![Page 4: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/4.jpg)
4
Resumo da aula
Deveremos aceitar que nossos formulários sempre deverão ser construídos de maneira acessível;
Começaremos a entender também que a criação de formulários envolve conceitos das áreas:
oProjeto de Formulários;oUsabilidade;oValidação de Formulários;oPsicologia Cognitiva;oEtc...
![Page 5: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/5.jpg)
5
Material extra referente ao assunto da aulahttp://www.maujor.com/blog/w3c/rec-for
ms.htmlhttp://www.w3schools.com/html/html_fo
rms.asphttp://dev.opera.com/articles/view/20-ht
ml-forms-the-basics/http://dev.opera.com/articles/view/34-st
yling-forms/http://dev.opera.com/articles/view/impro
ve-your-forms-using-html5/
![Page 6: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/6.jpg)
6
Tags HTML referenciadas na aula (em Português –site Referenciando)
Contâiner de formulário: <form>;Rótulo de item de formulário: <label>;Botão: <button>;Elemento de entrada de dados: <input>;Caixa de texto multilinha: <textarea>.Caixa de seleção: <select>;Opção de um select: <option>;
![Page 7: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/7.jpg)
7
Tags HTML referenciadas na aula (em Português –site Referenciando)
Grupo de opções em um select: <optgroup>;
Agrupamento de itens de formulário: <fieldset>;
Legenda de um grupo de itens de formulário: <legend>;
![Page 8: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/8.jpg)
8
Tags HTML referenciadas na aula (em Inglês – site SitePoint)
Contâiner de formulário: <form>;Rótulo de item de formulário: <label>;Botão: <button>;Elemento de entrada de dados: <input>
;Caixa de texto multilinha: <textarea>.Caixa de seleção: <select>;Opção de um select: <option>;
![Page 9: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/9.jpg)
9
Tags HTML referenciadas na aula (em Inglês – site SitePoint)
Grupo de opções em um select: <optgroup>;
Agrupamento de itens de formulário: <fieldset>;
Legenda de um grupo de itens de formulário: <legend>;
![Page 10: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/10.jpg)
10
Propriedades CSS referenciadas na aula (em Inglês –site SitePoint)
Bordas:border-width: largura da borda;border-style: estilo da borda;border-color: cor da borda.
Determinar a cor da letra e o fundo:color:cor do elemento;background-color: cor de fundo;background-image: imagem de fundo;
width: largura de um elemento;
![Page 11: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/11.jpg)
11
Ponto chave da aula!
![Page 12: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/12.jpg)
12
Ponto chave da aula: Renderização padrão em navegadores diferentes é sempre diferente. Itens NUNCA vão ficar exatamente iguais.
![Page 13: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/13.jpg)
CSS resolve parcialmente este problema!
Teremos uma aula dedicada à sobre formatação de
formulários.
13
![Page 14: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/14.jpg)
14
A tag <form>
Formulário (tag <form>): contâiner para uma quantidade
ilimitada de componentes de interação com o usuário.
Aceita um número limitado de tipos de componentes diferentes.
<FORM id="form1" action="url" method=“post" > <!--...Coloque seus controles aqui... --> </FORM>
![Page 15: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/15.jpg)
15
![Page 16: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/16.jpg)
16
Tipos de componentes de formulário no HTML Versão 4
1 ou mais tags por componente;
Limitadíssimos!!
![Page 17: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/17.jpg)
17
![Page 18: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/18.jpg)
18
![Page 19: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/19.jpg)
19
Tipos de componentes do HTML Versão 5Ainda em discussão!É importante conhecer o futuro!Vamos usar o Navegador Opera para
testá-las;Opera Versão Portátil em:
http://www.kejut.com/operaportable
![Page 20: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/20.jpg)
20
![Page 21: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/21.jpg)
2111/04/23
Atributos essenciais dos componentes
Atributo id: identifica o controle para o cliente web / JavaScript;
Atributo name: identifica o controle para o servidor web;
Atributo value: indica o valor do controle e pode mudar;
Atributo type: indica o tipo de controle;
![Page 22: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/22.jpg)
22
Criar um formulário (siga esta receita)
1) Definir o contâiner de formulário <form>;
2) Definir o action do formulário, ou seja, para onde ele vai;
3) (opcional) Definir o método de envio do formulário (GET ou POST);
4) (opcional) Delimitar os grupos de itens através de <fieldset>;
5) (opcional) Usar uma legenda para cada grupo <legend>;
![Page 23: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/23.jpg)
23
Criar um formulário (siga esta receita)6) (opcional) Definir um rótulo para
cada item de formulário <label>;7) Criar o item de formulário
associado ao rótulo <input>, <button>, etc.
8) (acessibilidade) Definir teclas de acesso, através do atributo accesskey;
9) Definir o botão de submissão;10) CSS: Formatar o formulário.
![Page 24: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/24.jpg)
24
Exemplo de formulário
Vamos começar com um formulário bastante simples;
Ao clicar no botão cadastrar, os dados são enviados para a página:http://www.brunocampagnolo.com/2010_1/testform
/
http://tinyurl.com/meuformulario2010
![Page 25: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/25.jpg)
E vamos evoluir para o formulário a seguir...25
![Page 26: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/26.jpg)
2611/04/23
1) Definir o contâiner de formulário (<form>)
Não mostra nada!Todos os componentes de formulário
devem ser colocados dentro do elemento <form>.
![Page 27: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/27.jpg)
27
2) Definir o action do formulário, ou seja, para onde ele vai;
Troque o action pelo action que você precisa! http://www.brunocampagnolo.com/2010_1/testform/ http://tinyurl.com/meuformulario2010
O formulário ao ser enviado, submete os dados para a página indicada pelo atributo action;
![Page 28: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/28.jpg)
3) (opcional) Definir o método de envio (GET ou POST)
Método GET: envio das informações pela barra de
endereços;visível;limitado a cerca de 2000 caracteres;
Método POST: envio das informações via cabeçalho
HTTP;ilimitado (teórico).
28
![Page 29: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/29.jpg)
29
![Page 30: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/30.jpg)
30
![Page 31: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/31.jpg)
No método GET, a informação é passada via barra de endereços
31
![Page 32: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/32.jpg)
As vars são separadas por &
3211/04/23
![Page 33: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/33.jpg)
No método POST, a informação só pode ser vista com ferramentas especiais (Firebug)
33
![Page 34: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/34.jpg)
34
4) (opcional) Delimitar os grupos de itens através de <fieldset>;
![Page 35: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/35.jpg)
35
11/04/23
5) (opcional) Usar uma legenda para cada grupo <legend>;
![Page 36: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/36.jpg)
3611/04/23
6) (opcional) Definir um rótulo para cada item de formulário <label>;
O atributo for deve ter como valor o id do componente associado;
![Page 37: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/37.jpg)
<label>
Especifica um rótulo que estende a área de foco do elemento;
Evita tiro ao alvo.
3711/04/23
![Page 38: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/38.jpg)
Com <label>:
38
Sem<label>:
Área clicável em roxo
![Page 39: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/39.jpg)
7) Criar o item de formulário associado ao rótulo
Vamos criar uma caixa de texto através da tag input com atributo type = text;
39
![Page 40: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/40.jpg)
40
![Page 41: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/41.jpg)
41
O atributo for deve ter como valor o id do componente associado;
![Page 42: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/42.jpg)
8) (acessibilidade) Definir teclas de acesso (atributo accesskey)
Firefox: SHIFT + ALT + TECLA; IE: ALT + TECLA;Cuidado com conflitos!
42
![Page 43: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/43.jpg)
9) Definir o botão de submissão
Ao clicar no botão de submissão, os dados são enviados para a página indicada pelo atributo action do form;
Observe que a página é perdida ao clicar no botão.
43
![Page 44: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/44.jpg)
Resultado44
![Page 45: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/45.jpg)
Evoluindo o formulário
45
![Page 46: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/46.jpg)
Caixa de senha46
![Page 47: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/47.jpg)
Botão de rádio
Apenas uma opção de cada vez;O atributo name agrupa os controles;
47
![Page 48: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/48.jpg)
Caixa de checagem48
![Page 49: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/49.jpg)
Formulários49
Diferença entre caixa de checagem e botão de rádio
Só pode uma opção de cada vez:
Pode selecionar mais de uma opção:
![Page 50: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/50.jpg)
Caixa de envio de arquivos50
![Page 51: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/51.jpg)
Caixa de texto multilinha
cols e rows determinam o número de colunas e linhas;
51
![Page 52: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/52.jpg)
Caixa de listagem
<select> é o container;Cada opção é um <option>.
52
![Page 53: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/53.jpg)
Resultado53
![Page 54: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/54.jpg)
Formulários54
Dicas para construção de formulários 1) Nunca esqueça de colocar rótulos (<label>); 2) Dê name e id para todos os elementos; 3) Respeite a diferença entre readonly e
disabled; 4) Gere a ordem de tabulação (taborder)
quando necessário; 5) A tecla de atalho (accesskey) é obrigatória
para que seu sistema seja utilizável sem teclado. 6) O atributo title é uma ótima alternativa para
exibição de uma dica visual ou para ajudar a navegação em um navegador não visual.
![Page 55: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/55.jpg)
04/11/23Formulários55
Diferença entre atributo disabled e atributo readonly
disabled: deixa o elemento desabilitado (texto em cinza).
readonly: impede a edição do elemento, mas ele não fica com o texto “em cinza”.
Exemplo:<input type=“text” readonly=“readonly”
value=“xxx”/><input type=“text” disabled=“disabled”
value=“yyy”/>
![Page 56: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/56.jpg)
Formulários em JavaScriptonsubmit x onclickO evento onsubmit é chamado quando se
clica no botão submit do formulário;É um evento de formulário;Útil para validações de formulário;
O evento onclick é para qualquer tipo de botão;
É um evento de botão;
Exemplos de cada um dos casos a seguir;
5611/04/23
![Page 57: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/57.jpg)
5711/04/23
![Page 58: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/58.jpg)
5811/04/23
![Page 59: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/59.jpg)
59
Referências principais
http://www.maujor.com/blog/w3c/rec-forms.html
http://www.w3schools.com/html/html_forms.asp
http://dev.opera.com/articles/view/20-html-forms-the-basics/
http://dev.opera.com/articles/view/34-styling-forms/
http://dev.opera.com/articles/view/improve-your-forms-using-html5/
![Page 60: Laboratório de Informática Formulários em HTML 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062623/552fc0fe497959413d8bbab8/html5/thumbnails/60.jpg)
Referências complementares
Firefox 2.0 and Access Keyshttp://juicystudio.com/article/firefox2-
accesskeys.php#realsolutionDiscussão sobre teclas de acesso no Firefox
Avaliador de Acessibilidadehttps://www.governoeletronico.gov.br/
acoes-e-projetos/e-MAG/ases-avaliador-e-simulador-de-acessibilidade-sitios
Recomendações acessibilidadehttp://www.geocities.com/claudiaad/
acessibilidade_web.html
60