Personnalisation d'un formulaire XHTML en Javascript et CSS

Lien :- .developpez.com/tutoriels/javascript-css/formulaire/

I. Introduction
II. Les inputs
II-A. text, password
II-B. radio
II-C. checkbox
II-D. button, submit, reset
II-E. file
III. Le textarea
IV. Le select
V. Liens complémentaires
VI. Remerciements

• N'aviez-vous jamais rêvé de personnaliser intégralement vos formulaires (X)HTML, du simple champ texte en passant par les boutons radio, les listes déroulantes et même les champs file ?
• Cet article va vous montrer une des nombreuses (pas si nombreuses) méthodes de réaliser ce tour de force.

• Pour une meilleure compatibilité avec les différents navigateurs et différentes configurations, nous allons essayer de limiter le Javascript au maximum, bien qu'il soit nécessaire pour certains éléments. Aussi, ces derniers ne fonctionneront pas correctement si l'internaute désactive Javascript.

• Rassurons-nous, avec l'avènement du Web 2 et ses sites qui tendent vers une utilisation parfois abusive de l'AJAX, peu d'internautes désactivent Javascript sous peine de ne plus pouvoir naviguer sur de nombreux sites.

• De plus, je vous conseille fortement d'utiliser un DOCTYPE complet pour vos développements, ce qui gommera les différences d'interprétation des propriétés CSS utilisées dans cet article entre navigateurs.