WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Forms

plum.Form - A jQuery Form Styling Tool

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


plum.Form - A jQuery Ferramenta Styling Form - WorldWideScripts.net artigo para a venda

Ads

Ad: Bluehost hosting

Para todos os que têm comentários deixados fazendo perguntas estes dois meses passados, e aqueles que podem fazer perguntas no futuro : Se você precisar de ajuda, por favor envie- me de minha página de perfil . Estive muito ocupado e estou apenas começando volta aos trilhos. E-mail é a forma mais rápida para me ajudar.

Versão atual: 1.5.2, 15 de janeiro de 2012

plum.form é a ferramenta perfeita para os designers que precisam de passar por cima dos limites de formulários web chatas. Ele simplifica o processo de criação de formas perfeitas que parecem bonitas e adicionar recursos extras para o seu web site.

Como isso funciona ?

Além de um pouco de JavaScript e um pouco de CSS, não há realmente nada extra que você precisa . Plum concentra seu poder sobre as formas ou elementos individuais do formulário e cria wrappers HTML na mosca. Em vez de perder tempo com um desajeitado menu drop -down, você pode usar classes CSS básicas para trabalhar com HTML simples. Tudo que você precisa é uma forma

<form action="" method="post" enctype="multipart/form-data">
    <input name="box1[]" type="checkbox" value="1">
    <input name="box2[]" type="checkbox" value="2">
    <input name="box3" type="radio" value="1">
    <input name="box3" type="radio" value="2">
    <input name="files[]" type="file">
    <select name="menu">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
    </select>
    <input type="submit">
</form>

Para cada elemento que é alvo, Plum cria um "wrapper" que você pode estilizar com CSS . Esse invólucro é dado, nomes muito básicas classe memoráveis ​​, como "select", "file", ou " caixa de entrada desativado" . Porque Plum usa o tipo de elemento como um nome de classe, você pode adicionar estilos especiais para campos específicos. Por exemplo, você pode adicionar um ícone de bom para campos que têm uma classe " search" (usando<input Type="search">).

O aspecto subjacente de plum.Form é a simplicidade. Não é nada mais do que uma ferramenta de estilo, o que significa que você mantenha todas as funcionalidades de um formulário web regular. Navegação com o teclado ainda funciona (incluindo digitando o valor de uma opção ao mesmo tempo focada em um campo select), assim como o envio de dados de volta para o servidor. Plum está ali apenas para fazer com que tudo pareça agradável e adicionar um toque extra de elegância.

Recursos

  • novo em 1.4AJAX - pronto : as necessidades de ameixa para ser chamado apenas uma vez. Todos os elementos adicionados à página depois são automaticamente executado através Plum
  • No extra de marcação HTML é necessária
  • Tamanho minúsculo! Minificado, plum.Form tem menos de 20 Kb
  • Estilo todas as partes de um formulário, incluindo campos de arquivo de entrada, menus drop-down ( select), caixas de seleção, botões de rádio, botões e texto e campos de senha
  • Suporta verificar grupos de caixa com vários estados : . Nenhum, tudo e mista ( algumas marcada, outros não)
  • Rótulos em campo que se desvanecem em foco e se esconder durante a digitação
  • Validação de formulário com cheques pré-definidos ( telefone #, endereço de e-mail e comprimento do conteúdo ), bem como métodos personalizados
  • Suporta vários uploads de arquivos
  • Os arquivos podem ser enviados através de AJAX
  • Navegadores HTML5 pode mostrar uma barra de progresso no upload de arquivos AJAX
  • Limitar o upload de arquivos para certos tipos, tamanhos e quantidades
  • Mantém a funcionalidade de formulário padrão : . Plum.Form suporte com foco em elementos com a tecla tab e navegar nos menus selecionados digitando nomes de opção ou usando as setas
  • Suporta menus em cascata selecionados
  • Facilmente customizável para criar novas skins formulário
  • Documentação extensa
  • Simples de usar : incluir os arquivos, direcionar suas formas, e está feito !

Apoio navegador

  • Mozilla Firefox 3 ou mais recente
  • Apple Safari 3 ou mais recente
  • Google Chrome
  • Opera 10 ou mais recente
  • Microsoft Internet Explorer 7 ou mais recente

Thanks!

Sem a ajuda de uma comunidade tão solidário, plum.Form nunca teria visto a luz do dia . Um agradecimento muito especial a todos que reporta bugs e solicitações de recursos .

Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
07 de junho 11

Atualização:
25 ago 12

navegadores compatíveis:
IE7 , IE8, IE9 , Firefox, Safari, Opera, Chrome , versão do software

alta resolução:
Não

Arquivos incluídos:
JavaScript JS , HTML , CSS, PHP, Layered PSD

Palavras-chave

formulário ajax, verificar todos, grupo checkbox, forma, forma css, forma styler, validação de formulário, rótulos em campo, forma jquery, validar