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 pour WorldWideScripts.net

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


plum.Form - un outil de style de formulaire jQuery - WorldWideScripts.net objet en vente

Ads

Ad: Bluehost hosting

Pour tous ceux qui ont laissé des commentaires poser des questions à ces quelques mois passés, et ceux qui peuvent poser des questions à l'avenir : Si vous avez besoin d'aide, s'il vous plaît écrivez-moi sur ma page de profil. J'ai été très occupé et je suis juste en train de revenir sur la bonne voie . Le courrier électronique est le moyen le plus rapide pour moi de vous aider.

Version actuelle : 1.5.2, 15 Janvier, 2012

plum.form est l'outil idéal pour les concepteurs qui ont besoin de passer par-dessus les frontières des formulaires Web ennuyeux. Il simplifie le processus de création de formes parfaites qui ont l'air beau et ajouter des fonctionnalités supplémentaires à votre site web.

Comment ça marche ?

Autre qu'un peu de JavaScript et CSS certains, il n'ya rien de vraiment extra dont vous avez besoin . Plum concentre son énergie sur des formes ou des éléments de formulaire individuels et crée des wrappers HTML à la volée. Au lieu de jouer avec un menu déroulant maladroit, vous pouvez utiliser les classes CSS de base pour travailler avec HTML simple . Tout ce que vous avez besoin est une forme

<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>

Pour chaque élément qui est ciblé, Plum crée un "wrapper" que vous pouvez définir le style avec CSS. Ce wrapper est donnée, les noms de base très classe mémorables, comme "select", "file", ou " zone de saisie désactivé " . Parce Plum utilise le type d'élément comme un nom de classe, vous pouvez ajouter des styles spécifiques à des domaines spécifiques . Par exemple, vous pouvez ajouter une belle icône pour les champs qui ont une classe de «recherche» (à l'aide<input Type="search">).

L'aspect fondamental de plum.Form est la simplicité. Ce n'est rien de plus qu'un outil de style, ce qui signifie que vous conservez toutes les fonctionnalités d'un formulaire Web régulièrement . La navigation au clavier fonctionne toujours (y compris tapant la valeur d'une option tout en se concentrant sur ​​un champ select), comme le fait d'envoyer des données vers votre serveur. Plum est juste là pour faire tout ce que l'air agréable et ajouter une touche supplémentaire de flair.

Caractéristiques

  • nouveau en 1.4AJAX -ready: besoins de prune d'être appelé qu'une seule fois. Tous les éléments ajoutés à la page par la suite sont automatiquement parcourir Plum
  • Non supplémentaire balisage HTML n'est requise
  • Taille du fichier minuscule ! Minified, plum.Form a moins de 20 Kb
  • Style de toutes les parties du formulaire, y compris les champs du fichier d'entrée, déroulante ( sélection) des menus, cases à cocher, boutons radio, les boutons, et le texte et les champs de mot de passe
  • Prise en charge de vérifier les groupes de la boîte à états multiples : . Aucun, tous et mixte ( certains vérifiée, d'autres non )
  • Étiquettes sur le terrain qui se fanent au point et la cacher lors de la frappe
  • Validation de formulaire avec des contrôles prédéfinis ( no de téléphone, adresse e-mail et la longueur du contenu) ainsi que des méthodes personnalisées
  • Prend en charge plusieurs téléchargements de fichiers
  • Les fichiers peuvent être téléchargés via AJAX
  • Navigateurs HTML5 peuvent montrer une barre de progression sur le téléchargement de fichiers AJAX
  • Limiter le téléchargement de fichiers à certains types, tailles et quantités
  • Conserve forme fonctionnalité standard : plum.Form soutient en se concentrant sur les éléments avec la touche de tabulation et la navigation menus de sélection en tapant les noms des options ou en utilisant les touches fléchées
  • Prise en charge en cascade certains menus
  • Facilement personnalisable pour créer de nouveaux skins de forme
  • Une documentation détaillée
  • Simple à utiliser : inclure les fichiers, cibler vos formes et vous avez terminé!

Support du navigateur

  • Mozilla Firefox 3 ou plus récent
  • Apple Safari 3 ou plus récent
  • Google Chrome
  • Opera 10 ou plus récent
  • Microsoft Internet Explorer 7 ou plus récent

Merci !

Sans l'aide d'un tel soutien de la collectivité, plum.Form n'aurait jamais vu la lumière du jour . Un merci tout spécial à tous ceux qui signale des bugs et demandes de fonctionnalités .

Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
7 Juin 11

Dernière mise à jour:
25 Août 12

Navigateurs compatibles:
IE7 , IE8 , IE9 , Firefox , Safari, Opera, Chrome , Version du logiciel

Haute Résolution:
Non, les fichiers inclus

Mots-clés

forme ajax, vérifier tous, groupe de cases à cocher, la forme, la forme css, forme styler, la validation du formulaire, les étiquettes sur le terrain, forme jquery, valider