Les formulaires sont indispensables pour recueillir les informations issues des utilisateurs. Leur mise en place nécessite quelques précautions que nous rappelle bbxdesign avec les 10 bonnes pratiques pour réaliser un formulaire d’après la conférence de Luke Wrobleski. Voulez-vous en savoir plus ?
tag » input
Styler vos champs de formulaires de recherche avec CSS
Ce tutoriel pour styler les champs input de vos formulaires de recherche vous permettra d’offrir à vos visiteurs un formulaire design au lieu du traditionnel — mais efficace — champ input type=text blanc avec contour.
L’auteur utilise un button à la place du input type= »submit » pour éviter les problèmes d’alignement afin d’utiliser une seule image pour le champ input et le button. Ce qui permet de gérer facilement les différents état :focus ou :hover avec background-position.
PS : En cas de problème avec l’utilisation de l’élément button, jettez un oeil sur ce fil de discussion paru sur le forum Alsacréations.
Aligner le contenu d'un champ input avec le label associé
Lorsqu’on donne une hauteur height à un champ input, il arrive que le texte saisi à l’intérieur ne s’aligne pas correctement avec la base du texte présent dans le label. Dans ce cas, je diminue la hauteur et je distribue un soupçon de padding en haut et/ou en bas selon l’alignement souhaité. Voulez-vous en savoir plus ?
Personnalisez vos formulaires avec CSS et Javascript
Grâce au tutoriel très complet de Josselin Willette sur la personnalisation des formulaires paru sur Developpez, vous saurez comment mettre les éléments de formulaire au garde-à-vous : input text, password, radio, checkbox, button, submit, reset, textarea, select… Et oui, vous avez bien lu : vous pourrez même changer ce satané texte Parcourir… propre aux input de type file ! Attention toutefois à ne pas trop pertuber l’utilisateur car en matière de formulaire, le moche c’est bien…
