5568 sujets

Sémantique web et HTML

Bonjour,
j'ai mis en place un petit formulaire sur mon site et celui-ci n'est pas conforme au W3C qui m'indique 29 erreurs.
Le code en question :
a écrit :
<div style="float:right; margin-left:20px; margin-top:20px">
<form method=POST action=test-formulaire.php >
<table style="background-color:#AE9AC2; color:black; font-size:80%">
<tr>
<td colspan=2>Je suis un formulaire, entrez votre prénom ci-dessous :<br />
<input type="text" name="prenom" />
</td>
</tr>
</table>
<input type=submit value=Envoyer>
<input type=reset value=Annuler>
</form>
</div>

sauriez-vous ce que je dois changer ?
Modifié par chrisllers (17 Oct 2008 - 13:28)
Modérateur
Bonjour chrisllers,

Serait-il possible de voir la page en ligne? C'est que pour vérifier la validation de ta page, ce sera plus facile. Il faut par exemple connaître le doctype que tu utilise.

Rapidement, il te manque des guillemets pour les valeurs de tes attributs, par exemple :


<form method="post" action="test-formulaire.php">


Il faut aussi penser à fermer les balises input avec la barre oblique à la fin (ne pas oublier les guillemets) :


<input type="submit" value="Envoyer" />
<input type="reset" value="Annuler" />


Puis les inputs ne peuvent pas se trouver directement dans la balise form. En général, tu peux faire :


<form ...>
<div>
<input ... />
<input ... />
</div>
</form>


ou


<form ...>
<fieldset><legend>Description des champs</legend>
<input ... />
<input ... />
</fieldset>
</form>


Ceci n'est qu'un départ. Donne-nous l'adresse du site et nous pourrons parcourir les autres erreurs ensemble.
Modifié par Tony Monast (16 Oct 2008 - 22:40)
Bonjour!

La fermeture des input par le / ne se justifie que si la page est en XHTML...

N'hésite pas à utiliser des éléments label pour associer des libellés à tes champs de saisie Smiley cligne
Ok merci, le problème est résolu, la page est maintenant valide.
Il fallait également mettre les guillements au chiffre 2:
<td colspan="2">
Encore merci !