Tudo o que você queria saber sobre formulários para web – Parte 3
Finalizando o markup do nosso formulário de exemplo e nesse episódio falo sobre alguns itens:
- Atributos mais utilizados na tag form: id, action, method, enctype, onsubmit, onreset, etc
- Explico os tipos input hidden e file
- Lembro a todos que o tipo password não nos oferece segurança, apenas inibe a visualização dos caracteres digitados. Para adicionar segurança no tráfego de dados você vai precisar implementar outras técnicas, como por exemplo, HTTPS
- Uso do Tabindex para melhorar a navegação via teclado dos seus visitantes.
- Mostro as alternativas para o tipo submit para facilitar a aplicação dos elementos de Design. São eles: input do tipo image e o elemento button
- Selected e checked – Utilizamos esses atributos para melhorar a experiência do usuário ao utilizar os formulários. Imagine que a maioria dos seus usuários mora em Alagoas, então no select de estado do seu formulário você pode deixar selecionado esse valor, outro exemplo é quando você tem um formulário de busca com a opção do usuário procurar no seu site ou na web, nesse você pode deixar marcado (checked) o valor “no site” para aumentar o tempo de navegação do visitante.
Parte 3.1 – Melhorando a marcação do formulário
Parte 3.2 – Finalizando a marcação do nosso formulário de exemplo
Gostou? Ajude dando suas sugestões logo abaixo, assinando o Feed ou divulgando para seus amigos. :)
5 comentários
Juarez Filho em abril 4th, 2009
@ruan a discussão em torno do que usar para envolver a dupla label e elemento do formulário é bem ampla. Alguns defendem usar a tag , outros preferem s, tem um pessoal que usa e outros simplesmente deixam sem nada colocando um ao lado do elemento de formulário.
Durante meus estudos eu me deparei com várias soluções e adotei essa das listas ordenadas por questões de acessibilidade e uma questão visual quando o navegador que o visitante está usando não tem suporte a CSS.
Vou falar mais sobre isso em um próximo vídeo dando maiores esclarecimentos. :)
juarezpaf em abril 4th, 2009
Esqueci de deixar a referência do livro que me fez passar a usar listas ordenadas. :)
O livro foi o “The Art & Science Of CSS” no capítulo 5 mais precisamente, Cameron Adams mostra como criar formulários super acessíveis.
Ruan Carlos em abril 4th, 2009
É esta questão do não ter suporte a css é foda (ainda existe isso?). Eu sempre usei o mais tem gente que diz que também é erra, o problema é justificarem.
Bom já que não tem nenhum problema em criar com então tá rsrs.
Thiago Cavalcanti em abril 5th, 2009
Parabéns pela série, está muito boa!
E eu concordo com a sua abordagem usando listas ordenadas…
Ruan Carlos em abril 4th, 2009
Juarez.
Não seria “errado” criar o formulário com ? pois o formulário não é uma lista de itens.
Coloca aquele esquema para a pessoa receber um e-mail quando receber alguma resposta/comentário neste post