Discussion :

[tiesto95]

Bonjour , je dois faire un formulaire .
Dois je utiliser pour ceci un tableau des div ou aucun, quelle est la meilleur solution pour faire un formulaire? merci

[HiRoN]

Bonjour,

Bonjour , je dois faire un formulaire .
Dois je utiliser pour ceci un tableau des div ou aucun, quelle est la meilleur solution pour faire un formulaire? merci

Les <table> sont à proscrire (affichage de données tabulaires).
Personnellement, je les développe avec des balises fieldset / legend / label / input (select / texarea etc.) ou une construction comme réalisée ici par exemple.

[Général03]

Pour ma part j'ai utilisé <table> pour faire mon formulaire et je n'ai eu aucun souci de fonctionnement. Je ne comprend pas pourquoi un tableau ne serait pas adapté pour un formulaire.

[Erwan31]

Pour ma part j'ai utilisé <table> pour faire mon formulaire et je n'ai eu aucun souci de fonctionnement. Je ne comprend pas pourquoi un tableau ne serait pas adapté pour un formulaire.

Bonjour,
comme le précise Hiron mais peut-être pas de manière suffisamment explicite,
un tableau n'est pas fais pour de la mise en forme mais pour structurer des données tabulaires qui entretiennent au moins une double relations entre elles (calendrier, rapport divers, etc).
Un tableau de mise en forme peut en revanche s'avérer parfois utile lorsque les limitations inhérentes à la mise en forme via CSS est trop limitée ou manque de robustesse.
Dans la grande majorité des cas un formulaire n'implique pas l'intégration d'un tableau de mise en forme, tu peux très bien obtenir des colonnes de même largeur sans passer par un tableau.

Pour répondre à ta question un tableau de mise en forme peut poser des problème de cohérence lorsqu'il est linéarisé (lecture du contenu de haut en bas puis de gauche à droite...).
Il alourdit le code inutilement etc etc (le sujet a été traité maintes fois ici ou ailleurs, c'est pas nouveau)
Le tableau de mise en forme n'est préjudiciable pour l'utilisateur final que s'il est mal linéarisé ou dans certain contexte de visualisation (via un PDA ou des petites écrans qui ne permettent pas de l'afficher dans sa totalité sans avoir à scroller).
Donc des problème d'accessibilité dans le premier cas et d'ergonomie dans le second.
Bref je te conseil de suivre l'exemple donné par Hiron

[HiRoN]

Salut Erwan31 et merci pour ce complément d'informations

Pour ma part j'ai utilisé <table> pour faire mon formulaire et je n'ai eu aucun souci de fonctionnement. Je ne comprend pas pourquoi un tableau ne serait pas adapté pour un formulaire.

En effet, ma réponse n'était pas assez argumenté.
Je ne reviendrais pas sur les propos tenu par Erwan31 qui en connait bien plus que moi sur le sujet.

Créer un formulaire à base de table ne serait pas sémantiquement correct (utilisation de balises appropriés au bons endroits) et ne permettrait pas une bonne accessibilité (tout le monde n'a pas un navigateur standard, ne visualise pas forcément le contenu de la même manière).

Des éléments tels que fieldset, legend, label sont des éléments qui permettent donc d'améliorer l'accessibilité (car ils sont bels et biens construis pour de la mise en forme de formulaire, ce qui n'est pas le cas de l'élément table) mais, au-delà de cela (de manière générale) permettent d'améliorer le référencement d'une page (donc d'un site) car avoir un code sémantiquement correct et correctement structuré est bien plus pertinent au yeux des moteurs de recherches (sans parler de la maintenance et/ou amélioration d'un site, ce qui permet de ne pas avoir de balises inutiles ou dont le sens d'utilisation aurait été détourné). Je t'invite à passer voir les cours liés au référencement pour avoir plus d'infos sur le sujet.

De ce fait, il est bien plus propre d'utiliser un code de mise en forme comme utilisé dans le lien donné ci-dessus, que créer un formulaire utilisant une table avec une mise en page de type :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<td>Champs 1 :</td><td><input ... /></td>

Qui ne respecte nullement les différents points détaillés ci-dessus (mais tout le monde est passé par là ).

Pour ma part j'ai utilisé <table> pour faire mon formulaire et je n'ai eu aucun souci de fonctionnement. Je ne comprend pas pourquoi un tableau ne serait pas adapté pour un formulaire.

Personnellement, je trouve que ce genre de raisonnement (mis à part, le fait que tu ne puisse pas savoir) s'apparente à du : "Tant que ca marche / fonctionne, c'est Ok".

Utiliser une mise en page à l'aide de table peut certes, ne pas avoir de problème de fonctionnement, mais ne va pas dans le sens d'un code propre, de qualité, accessible, améliorant le référencement et plus facilement modifiable

Erwan31 me reprendra si certains de mes propos ne sont pas exacts ou imprécis (we live, we learn...).

[Général03]

Personnellement, je trouve que ce genre de raisonnement (mis à part, le fait que tu ne puisse pas savoir) s'apparente à du : "Tant que ca marche / fonctionne, c'est Ok".

Je suis tout a fait preneur de remarque concernant ma manière de coder car je débute dans la programmation web. Je prend note de vos remarques et je me pencherais son un recodage de mon formulaire surement bientôt

(mais tout le monde est passé par là ).

Je suis bien d'accord avec toi, les erreurs sont nombreuses au début : moi même quand j'ai commencé à faire mon site j'utilisais des frames et après plusieurs remarques m'ayant était faites j'ai remodeler la structure. Comme quoi on en apprend tous les jours.

Donc tiesto95 oublit ma solution avec des <table>