À.l’heure.du.tout.interactif,.les.formulaires.sont.devenus.un.composant.incontournable.des.
applications. web. modernes.. Ils. permettent. aux. utilisateurs. d’interagir. avec. les. systèmes,.
de. poster. des. commentaires. ou. d’effectuer. des. réservations. complexes. auprès. d’agences.
de.voyages..Ils.peuvent.être.très.simples,.n’incluant.qu’un.champ.d’adresse.e-mail.et.un.
champ.de.message,.ou.formidablement.complexes,.s’étendant.sur.plusieurs.pages..La.mise.
en.forme.des.formulaires.s’est.traditionnellement.effectuée.à.l’aide.de.tableaux,.mais,.ici,.
vous.allez.découvrir.qu’elle.peut.se.faire,.y.compris.pour.les.formulaires.complexes,.à.l’aide.
de.CSS.
Les.tableaux.retrouvent.peu.à.peu.leur.fonction.première,.qui.était.d’afficher.des.données.
tabulaires.et.non.de.structurer.des.maquettes.de.pages..Les.applications.web.doivent.capturer.les.données.des.utilisateurs,.mais.elles.doivent.aussi.de.plus.en.plus.souvent.les.afficher.
dans.des.formats.utilisables.et.faciles.à.comprendre..Les.formulaires.et.les.tableaux.de.données.ont.été.relativement.négligés.au.profit.d’un.travail.plus.approfondi.sur.la.conception.
des.sites.web..Cependant,.une.bonne.approche.de.la.gestion.et.l’interaction.de.l’information.
peut.faire.pencher.la.balance.sur.la.réussite.ou.non.d’un.site.web.
Au.cours.de.ce.chapitre,.vous.apprendrez.à :
•. créer.des.tableaux.de.données.attrayants.et.accessibles ;.
•. créer.des.mises.en.page.simples.et.complexes.de.formulaires ;
•. mettre.en.forme.différents.types.d’éléments.de.formulaire ;
•. fournir.des.retours.d’information.accessibles.pour.vos.formulaires.
Mise en forme des tableaux de données
Beaucoup.de.développeurs.ont.pris.conscience.des.inconvénients.des.maquettes.tabulaires.
et. évitent. maintenant. dès. qu’ils. le. peuvent. de. les. utiliser. pour. leurs. mises. en. page.. Un.
petit.groupe.d’individus.a.poussé.le.vice.jusqu’à.tenter.de.se.débarrasser.complètement.des.
tableaux,.en.créant.tout.en.CSS,.même.les.calendriers..Cela.part.sans.doute.d’une.bonne.
intention,.mais.il.faut.admettre.que.les.calendriers.proposent.par.nature.un.contenu.tabulaire..Il.ne.s’agit.ni.plus.ni.moins.que.de.lignes.de.semaines.et.de.colonnes.de.jours..C’est.
précisément.pourquoi.les.tableaux.ont.parfaitement.leur.place.sur.le.Web.
Mise en forme des formulaires
et des tableaux de données
7
applications. web. modernes.. Ils. permettent. aux. utilisateurs. d’interagir. avec. les. systèmes,.
de. poster. des. commentaires. ou. d’effectuer. des. réservations. complexes. auprès. d’agences.
de.voyages..Ils.peuvent.être.très.simples,.n’incluant.qu’un.champ.d’adresse.e-mail.et.un.
champ.de.message,.ou.formidablement.complexes,.s’étendant.sur.plusieurs.pages..La.mise.
en.forme.des.formulaires.s’est.traditionnellement.effectuée.à.l’aide.de.tableaux,.mais,.ici,.
vous.allez.découvrir.qu’elle.peut.se.faire,.y.compris.pour.les.formulaires.complexes,.à.l’aide.
de.CSS.
Les.tableaux.retrouvent.peu.à.peu.leur.fonction.première,.qui.était.d’afficher.des.données.
tabulaires.et.non.de.structurer.des.maquettes.de.pages..Les.applications.web.doivent.capturer.les.données.des.utilisateurs,.mais.elles.doivent.aussi.de.plus.en.plus.souvent.les.afficher.
dans.des.formats.utilisables.et.faciles.à.comprendre..Les.formulaires.et.les.tableaux.de.données.ont.été.relativement.négligés.au.profit.d’un.travail.plus.approfondi.sur.la.conception.
des.sites.web..Cependant,.une.bonne.approche.de.la.gestion.et.l’interaction.de.l’information.
peut.faire.pencher.la.balance.sur.la.réussite.ou.non.d’un.site.web.
Au.cours.de.ce.chapitre,.vous.apprendrez.à :
•. créer.des.tableaux.de.données.attrayants.et.accessibles ;.
•. créer.des.mises.en.page.simples.et.complexes.de.formulaires ;
•. mettre.en.forme.différents.types.d’éléments.de.formulaire ;
•. fournir.des.retours.d’information.accessibles.pour.vos.formulaires.
Mise en forme des tableaux de données
Beaucoup.de.développeurs.ont.pris.conscience.des.inconvénients.des.maquettes.tabulaires.
et. évitent. maintenant. dès. qu’ils. le. peuvent. de. les. utiliser. pour. leurs. mises. en. page.. Un.
petit.groupe.d’individus.a.poussé.le.vice.jusqu’à.tenter.de.se.débarrasser.complètement.des.
tableaux,.en.créant.tout.en.CSS,.même.les.calendriers..Cela.part.sans.doute.d’une.bonne.
intention,.mais.il.faut.admettre.que.les.calendriers.proposent.par.nature.un.contenu.tabulaire..Il.ne.s’agit.ni.plus.ni.moins.que.de.lignes.de.semaines.et.de.colonnes.de.jours..C’est.
précisément.pourquoi.les.tableaux.ont.parfaitement.leur.place.sur.le.Web.
Mise en forme des formulaires
et des tableaux de données
7