Um dos componentes mais comuns de qualquer website ou aplicação Web são os formulários. Formulários em HTML são usados para recolher dados de diversos tipos em páginas HTML. Mas apesar da sua extensa utilização, as funcionalidades dos formulários HTML estão restritas as funcionalidades mais básicas. É claro que formulários foram muito aprimorados no HTML5, mas infelizmente nem todos os browsers suportam estas melhorias actualmente, por isso por agora a melhor solução é recorrer á magia do jQuery ou Javascript para melhorar os elementos dos formulários dos sistemas que estivermos a desenvolver.
Abaixo estão 12 plugins para formulários que o ajudarão a criar formulários melhores e mais amigáveis para os usuários. Esta lista foi tirada do site de kevin Liew.
DropKick
Crie menus drop down personalizados e modifique os seus layouts com facilidade
Chosen
Chosen é um plugin Javascript que cria caixas de selecção(select boxes) muito mais amigáveis. Está disponível tanto como plugin para jQuery como para Prototype.
TextextJS
Textext é um plugin para jQuey que foi concebido para implementar funcionalidades como caixas de selecção de tags do wordpress e autocomplete.
AutoTab
AutoTab é um interessante plugin para jQuery que facilita o preenchimento de formulários HTML. Ele funciona do seguinte jeito: Quando o número limite de caracteres de uma tag input, o plugin passa automaticamente o foco para o elemento a seguir. É muito bom para preencher formulários que contenham muitos campos com número definido de caracteres
jQuery File Upload
Um Widget para upload de arquivos com funcionalidades como selecção múltipla de arquivos, drag & drop(arrastar e soltar), barra de progresso e previsualização de imagens. O plugin foi escrito em jQuery. Este plugin suporta também uploads parciais e redimensionamento de imagens do lado do cliente.
Mailcheck
É um plugin jQuery que sugere o domínio certo quando um usuário engana-se ao digitar um endereço de email.
jQuery Mask Plugin
Plugin jQuery para mascarar campos de formulários. Ideal para campos como telefone ou email
NoUISlider
noUISlider é um plugin jQuery qye transforma objectos HTML em um slider. possui várias opções de personalização
Clearfield
Sempre sentimos a necessidade de indicar um valor default em campos de formulários, que deverão ser limpados quando o usuário passa o foco para este campo. Usamos isto em inputs para colocar textos como “Digite seu email aqui”. Com o plugin Clearfield esses textos são limpados automaticamente quando este campo ganha foco.
jQuery.fn.autoResize
um plugin jQuery que altera automaticamente as dimensões dos campos input de acordo com a quantidade de dados introduzidos. Funciona em tags textarea e input[type=text] e input[ype=password].
Limit
Limit é um plugin para jQuery que limita o número de caracteres que podem ser introduzidos num campo do tipo textarea ou input. O plugin também possui a capacidade de reportar a quantidade de caracteres restantes para o usuário atingir o limite para aquele campo.
Password Strength
Este plugin permite detectar a força de uma senha.
Comentários Recentes