24 belles techniques de forme HTML personnalisées

COMSHARP CMS écrit: Les objets de formulaire HTML ne sont pas rendus dans différents navigateurs de manière cohérente. Bien que certains objets, tels que TextBox et TextArea, puissent obtenir une apparence cohérente dans différents navigateurs via CSS, la plupart des autres objets qui ne peuvent pas contrôler l'apparence via CSS semblent très laids dans certains navigateurs. Cet article sélectionne 24 technologies pour personnaliser des objets de formulaire.

CheckBox est lié aux boutons radio

1.) Fancyform

Fancyform est une bibliothèque JavaScript très puissante qui peut être utilisée en remplacement des boutons à cocher et radio, peut générer de très belles boutons à cocher et radio et prend en charge presque tous les navigateurs. Cette bibliothèque JavaScript nécessite la prise en charge du framework JavaScript Mootools.

2.) CRIR: Remplacement de la boîte à cocher et de la radio

Cette combinaison JavaScript et CSS masque les boutons à cocher et les boutons radio dans les formulaires et vous permet de simuler la case à cocher et les boutons radio à l'aide des paramètres CSS pour les boutons à cocher et à la radio. La fonctionnalité du formulaire ne changera pas et les valeurs de données de la boîte à cocher et des boutons radio peuvent toujours être collectées. Les balises de la boîte à cocher et des boutons radio déclencheront ces objets cachés.

3.) Les cases à cocher et les boutons radio personnalisés de Ryan Fait

Cette combinaison JavaScript et CSS vous permet de simuler la case à cocher, le bouton radio et la sélection des contrôles de liste à l'aide de vos propres images. Cette bibliothèque JavaScript réfléchie peut également utiliser automatiquement les contrôles de formulaire traditionnels lorsque le navigateur désactive JavaScript.

4.) ARC - Personnalisation de la radio / cocher d'Adam

Le script détecte les boutons de case à cocher et de radio et leurs balises sous la forme, et une fois découverte, il remplace ces commandes par des balises graphiques de style CSS.

5.) JolieChOBSES

6.) boîte à cocher jQuery

7.) Certains articles utilisés pour personnaliser les boutons à cocher et à la coche

• Implémentation de bouton radio personnalisé avec jQuery
• SlayerOffice Custom à cocher les éléments
• Contrôles HTML personnalisés: Création de cases personnalisées
• Contrôles de formulaire stylisé
• Bax à cocher et boutons radio
• Technique intérieure: cases à cocher personnalisées

Sélectionnez et déroute la boîte (Sélectionner / Dropdown Box) lié

1.) Image JavaScript ComboBox (JavaScript Graphic Combox)

2.) Liste de contrôle déroulante JQuery

3.) Sélectionner personnalisé avec les icônes

4.) Comboboxes utilisant des mootools

5.) Sélectionnez le remplacement

6.) Plus de technologie de personnalisation sélectionnée (basée sur JavaScript)

• Plug-in jQuery McDropdown
• JQUERY SELECT CUSTOM SELECT V.0.01
• Arc90 arc90
• Contrôle.SelectMultiple

Plus d'objets de contrôle de forme

1.) Éléments de forme personnalisés (CFE)

Les éléments de formulaire personnalisés combinent diverses technologies pour améliorer les objets de contrôle de formulaire Web XHTML et réalisent des effets plus beaux basés sur JavaScript et CSS, améliorant la facilité d'utilisation et l'accessibilité. Prend en charge la plupart des navigateurs grand public.

2.) EMMLEMATIQ NICEFORMS

NiceForms est une bibliothèque JavaScript qui peut remplacer presque tous les objets de formulaire Web. Vous pouvez utiliser le thème par défaut et vous pouvez même développer votre propre thème.

3.) Plugin jQuery: Jnice

Source de cet article: http://www.netwaver.com/23/24-HTML-FORM-Elements-Customization-Techniques/