Résumé du plug-in JS de formulaire Web étendu très utile

Cette fois je vous apporte un résumé très utile du plug-in Extended Web Form JS. Quelles sont les précautions lors de l'utilisation du plug-in Extended Web Form JS. Voici des cas pratiques. . Jetons un coup d'oeil.

Dans la construction de sites Web, vous pouvez utiliser Java pour développer de nombreux effets spéciaux sympas et les mettre sur votre site Web, mais nous savons qu'il existe également de nombreuses bibliothèques et plug-ins open source js sur Internet parmi lesquels choisir. depuis. Si vous concevez des formulaires personnalisés tels que Inscription utilisateur/Connexion, messages d'invités ou inscription à un événement, les plug-ins suivants peuvent offrir à vos formulaires une meilleure expérience utilisateur.

Formulaires JCF

L'un de mes plugins de formulaire js préférés est JCF Forms sur PSD2HTML. Son nom JCF est l'abréviation de Java Custom Forms, qui signifie « Java Custom Form ».

À l'aide de ce plug-in, vous pouvez personnaliser les styles de la plupart des contrôles de formulaire Web tels que les listes déroulantes, les curseurs de plage, les boutons radio/cocher, les composants de téléchargement, etc. C'est entièrement gratuit, écrit sur JQuery et très simple à configurer.

iCheck

iCheck est un plug-in pour embellir les boutons radio et les cases à cocher. Ce plug-in est développé sur la base de Bootstrap Le code d'appel est très simple et nécessite peu de connaissances en JS pour être utilisé. Le plug-in lui-même est livré avec un petit nombre de thèmes prédéfinis, que vous pouvez utiliser directement ou concevoir vous-même de nouveaux thèmes.

En plus de l'apparence, ce plugin prend également en charge la saisie au clavier, 32 options de personnalisation et plus d'une douzaine de méthodes de rappel pour gérer les actions de l'utilisateur.

Persil.js

Si vous aimez Vanilla JS, vous aimerez également Parsley, une bibliothèque de validation de formulaire gratuite basée sur JS. Le persil est unique en ce sens qu'il ne nécessite pas d'expressions régulières complexes pour le faire fonctionner. Il fournit des validateurs intégrés pour tous les types de validation d'entrée, tels que les numéros de téléphone, les e-mails, les adresses ou les numéros de carte de crédit, etc.

FloatLabel.js

FloatLabel est utilisé pour implémenter des astuces flottantes pour les zones de saisie de formulaires Web. Il est quelque peu similaire à l'espace réservé H5. propriété (qui fournit un indice décrivant la valeur attendue du champ de saisie), mais contrairement à FloatLabel L'invite implémentée par le plug-in ne disparaîtra pas lorsque vous commencerez à saisir du texte dans la zone de texte, mais sera affichée au-dessus du texte, ce qui est très convivial.

Tooltipster

C'est un très bon choix d'utiliser Tooltipster comme outil d'invite dans des formulaires relativement complexes. Tooltipster est un plug-in JQuery gratuit qui vous permet d'ajouter des informations d'invite n'importe où sur l'écran.

Vous pouvez personnaliser les effets d'invite en fonction du comportement réel de l'utilisateur, tel que le survol, le clic, le déclencheur de focus, etc. Vous pouvez également personnaliser leurs styles et animations, et prendre en charge les méthodes de rappel de requête Ajax.

Fort.js

Vous avez peut-être remarqué que certains sites Web affichent une barre de progression en haut de l'écran pour indiquer le degré de remplissage du formulaire. Ceci est très utile lorsque les utilisateurs souhaitent savoir combien de temps il faudra pour remplir un long formulaire.

En utilisant Fort.js, il vous suffit de saisir quelques lignes de code pour implémenter l'effet de barre de progression de remplissage de formulaire sur votre site Web. Ce plugin est également entièrement gratuit et ne limite pas le nombre de champs dans votre formulaire.

JQuery CC Validateur

Sur les sites Web, la sécurité des données est un thème éternel, en particulier dans les sites Web de commerce électronique, qui utilisent souvent la fonction permettant aux utilisateurs de saisir des informations de carte de crédit. Je pense que jQuery CC Validator est de loin la meilleure solution pour ce plugin de scénario d'application.

Il est entièrement gratuit, open source, fonctionne au-dessus de la bibliothèque JQuery, ce qui le rend très facile à utiliser pour les développeurs, et c'est un plugin incroyable.

Sélecteur de dates BS3

BS3 Datepicker est un plug-in permettant de personnaliser les contrôles de date dans les formulaires Web. Il est écrit sur la base du framework Bootstrap et s'articule entièrement autour du style de conception Bootstrap. L'interface est simple et claire, ce qui la rend claire en un coup d'œil. En fait, vous pouvez trouver de nombreux plugins géniaux dans Bootstrap.

Téléchargements de fichiers jQueryIl est indéniable que le traitement des fichiers téléchargés par les utilisateurs est une tâche de formulaire très complexe, en particulier lorsque vous devez créer un contrôle de téléchargement qui fonctionne sur tous les appareils et peut également définir les choses à obtenir. plus compliqué lorsque vous avez des types de fichiers spécifiques et que vous savez comment les gérer sur le backend.

Ce plug-in JQuery File Upload peut être utilisé comme une bonne solution sur le site Web. Il résout la plupart des problèmes ou configurations que vous pouvez rencontrer lors du téléchargement de fichiers.

JQuery Autotab

Le plugin jQuery Autotab de Matthew Miller vous permet de définir une certaine longueur pour toute saisie de formulaire afin de sélectionner automatiquement le formulaire suivant une fois rempli. Il est mieux adapté aux champs qui nécessitent un certain nombre de caractères (comme les numéros de téléphone ou les anniversaires)

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !

Lecture recommandée :

Vue implémente l'effet clavier

Explication détaillée de l'utilisation du middleware de routage ge et des requêtes de publication de node.js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!