10 JQUERY Form - Accessibilité et fonctionnalité

Cette liste organisée présente des scripts et des plugins de formulaire jQuery conçus pour améliorer l'accessibilité et les fonctionnalités du formulaire. Les démos incluses pour vous aider à optimiser vos formulaires et à améliorer l'expérience utilisateur. Un moment fort particulier est # 9, en utilisant intelligemment les étiquettes d'entrée comme valeurs de champ par défaut.

CONNEXES: JQUERY FORMS: 30 Exemples et plugins

1. Forms Insignes 1.0: Ajouter des conseils descriptifs pour former des contrôles à l'aide de l'attribut title. Des indices apparaissent et disparaissent sur l'interaction de contrôle.

source démo

2. Sélecteurs de formulaire jQuery: Un guide de référence concis pour accéder efficacement aux éléments de formulaire à l'aide de sélecteurs intégrés de JQuery.

source démo

3. web spinbutton: Créer un contrôle de bouton de spin à l'aide d'une seule zone de texte.

source et démo

4. Forme de forme a changé d'avertissement: Empêcher la navigation accidentelle loin d'une page avec des données de formulaire non sauvées en mettant en œuvre une invite d'avertissement.

source démo

5. Boîte de suggestions Twitter: Une simple implémentation d'une boîte de suggestion de style Twitter.

source et démo

6. INDRONGESTESS: Un plugin qui ajuste dynamiquement la taille des zones de texte en fonction de leur contenu.

source démo

7. ClearField: Un plugin d'indice qui affiche une suggestion lorsqu'une zone de texte est vide.

source et démo

8. plusieurs éléments de formulaire de sélection: Sélectionnez efficacement plusieurs éléments dans une grande liste de contrôle.

source démo

9. Forme des étiquettes en tant que valeurs de champ: Utiliser les étiquettes de formulaire comme valeurs par défaut pour les champs de texte ou les textares.

source démo

10. Autosave: Enregistrer automatiquement la progression du formulaire vers les cookies à intervalles réguliers et avant de quitter la page.

source démo

Remarque: Remplacer https://www.php.cn/link/874dc8c9cd9006d9aaca0cb5ac550812, https://www.php.cn/link/e1dd47cc816ac88ccd8100451384c97a et https://www.php.cn/link/874dc8c9cd9006d9aaca0cb5ac550812_demo par les liens réels vers le code source et les démos. Les URL d'image sont supposées être correctes.

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!