Chargement…

Formulaire de Recherche en CSS3 et HTML5



La tendance chez wordpress et apple est la bar de formulaire de recherche en css 3 et html 5. Je vais vous montrer comment créer un formulaire de recherche en css 3 / html 5 avec le même effet. Dans ce tutoriel j’ai utilisé deux façons différentes : un formulaire de recherche que vous pouvez insérer n’importe ou dans vos pages et un deuxième formulaire avec une largeur (Width) fixe qui s’élargie dés que le visiteur entre un texte.

Ce premier code inclue tous ce dont on auras besoin pour notre page HTML :

Styles.css est notre feuille CSS.
Jquery.min.js est la librairie Jquery que nous allons utiliser.
jssearch.js est le script javascript qui va déclencher l’animation.

Nous allons maintenant insérer notre formulaire :

Avec notre code javascript l’effet expansible du formulaire de recherche s’effectueras sans problème. J’ai attacher pour vous le code source. Bonne Continuation!

Démonstration Télécharger Code Source



Laisser un commentaire