5 Úteis cross-browser ajudantes de formulário web

Temos de lidar com formulários web e caixas de verificação diária: a comentar sobre qualquer artigo, se inscrever em um e-mail alertas, para preencher o formulário de contacto, etc. É sempre vale a pena procurar mais e mais maneiras possíveis para otimizar o processo.

Já partilhou alguns FireFox complementos para recuperar formas. No entanto os tempos mudaram. Hoje em dia mais e mais pessoas usam vários navegadores aleatoriamente e precisamos de algumas ferramentas de cross-browser compatível para cobrir as necessidades de todos.3 extensões para recuperar formulários & Os dados da área de texto no Firefox3 extensões para recuperar formulários & Os dados da área de texto no Firefoxconsulte Mais informação

As ferramentas baseadas no navegador listados neste post têm apenas algumas funcionalidades básicas, mas eles são capazes de fazer suas formas mais útil e amigável! Além disso, esses ajudantes de formulário web são todos muito fáceis de instalar, assim você pode testar qualquer e decidir se isso é algo que poderia se transformar útil. Nos informe!

Salvar e recuperar formulários

1. Simples Formulário Fixer (Greasemonkey userscript)

Testado em: Firefox e Google Chrome

Simples Formulário Fixer é um pouco userscript agradável com grande funcionalidade: ele pode salvar e recuperar quase qualquer forma. O roteiro coloca um ponto vermelho no canto superior esquerdo de qualquer página que permite gravar qualquer forma:

• O ícone é um ponto vermelho para as páginas web onde existem itens de forma suficiente para ser útil para salvar (Se você não pode ver um ícone, não existem formas na página atual) -
• O ícone é um quadrado vermelho com um buraco em páginas da web onde você já salvou as informações do formulário anteriormente.

Você também pode passar o mouse sobre o ícone para ver o status atual:

Video: PlayList com HTML 5 e PHP - Aula 5 (Formulário de Login / Senha)

Você pode realmente facilmente se acostumar com como ele funciona. O ícone fica dentro da moldura da janela, mesmo quando a página foi rolada para baixo.

Depois de clicar no ponto vermelho, o script salva tudo o que pode encontrar: caixas de seleção, botões de rádio, entradas de texto, suspenso seleções e áreas de texto.

O script também muda todas as caixas de torná-los um pouco maior e, portanto, mais fácil de perceber (especialmente para pessoas idosas ou pessoas com deficiência visual). Se você não gosta disso, você pode desativar esse comportamento em about: config, definindo valor “Formulário Saver.fixed_sizes greasemonkey.scriptvals.userscripts.org/Simple” para booleano verdadeiro.4 Ferramentas para tornar as páginas mais fáceis de ler para pessoas com deficiência visual (Firefox)4 Ferramentas para tornar as páginas mais fáceis de ler para pessoas com deficiência visual (Firefox)consulte Mais informação

2. Guardar e recuperar formulários (Bookmarklets)

Testado em: FireFox, Google Chrome, Opera

Instalar o bookmarklet daqui (formulários devem ser no máximo ~ 3 KB)

Depois de preencher todos os formulários na página atual, clique no bookmarklet e dar a cada formulário um nome. Da próxima vez que você está na página e deseja recuperar qualquer forma, clique no bookmarklet outro, especifique o nome do formulário e vai preenchê-lo dentro de um segundo.

Marcar / desmarcar várias caixas de verificação

3. Caixa de seleção do companheiro

Testado em: FireFox, Google Chrome

Checkbox Mate (baseado neste addon que já não é suportado) é um grande userscript que lhe permite selecionar várias caixas de seleção desenhando uma caixa ao redor deles. Para começar a desenhar a caixa, passe o mouse sobre a caixa de seleção superior e arrastar para baixo (a mesma lógica funciona para caixas un controlo):

4. Verifique Boxes

Testado em: FireFox, Google Chrome

Esta é uma userscript muito simples que adiciona um menu no topo da tela que lhe permite marcar / desmarcar todas as caixas localizadas na página facilmente:

5. Tick Todos / Desmarque Todos / (Un) Assinale Todos (Bookmarklets)

Testado em: FireFox, Google Chrome, Opera

Três bookmarklets do mesmo autor como os dois acima - pode ser instalado a partir daqui

Como o nome sugere os três bookmarklets pode ser utilizado para verificar / várias caixas desmarque com um clique de um mouse.

Video: Smashtheshell: Cross Browser HTML5 Placeholder Text Styling Using CSS3

Espero que estas formam pequenos ajudantes irá aumentar a sua produtividade. Por favor, compartilhe quaisquer outras dicas de produtividade formulário que você usar para preencher mais fácil em vários formulários web que temos de lidar com hoje em dia!