5568 sujets

Sémantique web et HTML

Bonjour,

J'ai le formulaire suivant:


  <div id="filtre">
    <form id="formfiltre" action="" onsubmit="return valider()" onreset="return Reset()" method="get">
      <p>
        <label class="formsiglelb" for="Sigle">Sigle</label>
        <input class="formsigle" type="text" name="sigle" value="" />
        <label class="formvaleurlb" for="Valeur">Valeur</label>
        <input class="formvaleur"  type="text" name="valeur" value="" />
        <input class="bouton" type="submit" value="OK" />
        <input class="bouton" type="reset" value="Reset" />
      </p>
    </form>
  </div>


et lors de la validation j'ai les warning suivants:

reference to non-existent ID "Sigle"
reference to non-existent ID "Valeur"


Ce ne sont que des warning, mais j'aimerais comprendre ce qu'il ne va pas...

un exemple de page ici
Modifié par mamax (16 Dec 2010 - 16:35)
Salut,

Tu as oublié de doter tes éléments input d'un attribut id avec la même valeur que celle de l'élément label correspondant, comme suit :
<div id="filtre"> 
    <form id="formfiltre" action="" onsubmit="return valider()" onreset="return Reset()" method="get"> 
      <p> 
        <label class="formsiglelb" for="Sigle">Sigle</label> 
        <input class="formsigle" type="text" name="sigle" value="" id="Sigle" /> 
        <label class="formvaleurlb" for="Valeur">Valeur</label> 
        <input class="formvaleur"  type="text" name="valeur" value="" id="Valeur" /> 
        <input class="bouton" type="submit" value="OK" /> 
        <input class="bouton" type="reset" value="Reset" /> 
      </p> 
    </form> 
  </div>

N'oublie pas qu'à l'attribut for de l'élément label correspond l'attribut id de l'élément de contrôle de formulaire auquel est attachée l'étiquette.
Salut,

Comme l'a dit Victor BRITO, l'attribut "for" se réfère à l'id et non au name. Je rajouterai juste que ces valeurs sont sensibles à la casse, c'est-à-dire que Sigle est différent de sigle.