Developpez

Personnalisation d'un formulaire XHTML en Javascript et CSS

Developpez
A distance

Prix à consulter
Désirez-vous contacter un conseiller pour cette formation ?

Infos importantes

Typologie Formation
Méthodologie A distance
Durée 2 Jours
Début Dates au choix
Envoi de matériel d'apprentissage Oui
  • Formation
  • A distance
  • Durée:
    2 Jours
  • Début:
    Dates au choix
  • Envoi de matériel d'apprentissage
Description

Objectifs: Ce document a pour but de vous expliquer comment personnaliser le moindre élément des formulaires (X)HTML.

Installations (1)
Où et quand
Début Lieu
Dates au choix
A distance
Début Dates au choix
Lieu
A distance

Opinions

0.0
Non évalué
Évaluation de la formation
100%
Recommandé
4.3
fantastique
Évaluation du Centre

Opinions sur cette formation

Il n'y a pas encore d'opinions sur cette formation
* Opinions recueillies par Emagister et iAgora

Programme

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

I. Introduction
  • 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.

Ceux qui ont consulté cette formation ont également consulté...
En voir plus