Balise dans un formulaire

bonjour,

voici le code que j'ai placé au coeur d'un formulaire:

<p  class="nomdechamp">
Ville:
<br/>
<input type="text" name="date_dep" class="champs"/>
</p>

cette synthaxe est elle valide?

Bonjour

Je verrai plutôt quelque chose comme ça :

<label for="ville">Ville :</label><br />
<input type="text" name="ville" class="champs" />

Mais attendons confirmation des experts...
@+
Jérémie

Pour mettre en relation avec le for du label avec l'input il faut utiliser id et pas name. C'est vrai que le label est trop souvent oublié, c'est un vrai plus niveau ergonomie.

<label for="ville">Ville :</label><br />
<input type="text" id="ville" name="date_dep" class="champs" />

On doit mettre ça dans un bloc, soit un p comme proposé, ou alors un fieldset qui est spécialement prévu pour regrouper plusieurs champs (n'oublie pas le legend comme titre du fieldset)
Modifié par Calimo (28 Jun 2005 - 10:11)

Calimo a écrit :
.....
On doit mettre ça dans un bloc, soit un p comme proposé, ou alors un fieldset qui est spécialement prévu pour regrouper plusieurs champs (n'oublie pas le label comme titre du fieldset)

Je verrais plutôt "legend" comme titre du fieldset :

<fieldset><legend>Titre du fieldset</legend>
<label for="ville">Ville :</label><br />
<input type="text" id="ville" name="date_dep" class="champs" />
</fieldset>

A noter qu'un fieldset peut contenir un ou plusieurs ou tous les champs d'un formulaire, et permet des présentations claires.

A noter aussi que IE gère mal "legend", et fait déborder le fond du fieldset jusqu'à envelopper "legend", ce qui donne un débordement du fond assez inesthétique.

merci les gars

Par contre, le <br> est pas indispensable, display: block; sur le label et le tour est joué mais je chipote

c'est vrai,merci

Et peut-on utiliser un fieldset pour grouper autre chose que des éléments de formulaire ?

jcm a écrit :
Je verrais plutôt "legend" comme titre du fieldset :

Exact, faute d'inattention, je corrige tout de suite

84mickael a écrit :
Et peut-on utiliser un fieldset pour grouper autre chose que des éléments de formulaire ?

Tu peux y mettre tout ce que tu veux, des titres et des paragraphes explicatifs du pourquoi du comment cocher telle ou telle case si tu veux. Des listes, bref à peu près tout

Seulement ça doit rester logique et si possible grouper quelque chose qui a un sens, et dans un formulaire

Pour ce qui est de l'accessibilité, la prise en compte de fieldset et legend par les lecteurs d'écran ne devrait pas être problématique.

Quoiqu'il faille vérifiier le résultat côté accès par tabulation, navigation au clavier, navigation par les titres, qui du coup sont absents.

Car c'est là le problème plus général d'une utilisation des fieldset en dehors des formulaires : elle mène inévitablement au sous-emploi des titres <hn>, d'où une nette perte de valeur sémantique, de poids du contenu aux yeux des moteurs de recherche, de possibilité de navigation dans les titres, de génération de tables des matières, etc.

Pas de nouvelles, sujet [Résolu] ?