Discussion :

[jlb59]

Bonsoir à tous,

Je valide mon site avec W3C et je corrige les erreurs que je comprends.

J'ai mis cette syntaxe en respectant (j'espère) pour être validée.

Code :

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

<input type="submit" name="Envoyer" value="Envoyer" /><br /><br />

Seulement, W3C détecte une erreur et je ne vois pas pourquoi

Code :

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

Line 331, column 61: document type does not allow element "br" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag

Pourtant, j'ai suivi les conseils pour la validation de "input" !

Merci de votre aide.

[Erwan31]

Bonsoir,
est ce que ton form est directement suivi d'un élément de niveau block (div, p, fieldset)?
Les br ne sont pas fait pour créer des espacement..., utiliser un display:block avec un margin-bottom:

Code :

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

<input type="submit" name="Envoyer" value="Envoyer" style="display:block; margin-bottom:...px" />

[Bisûnûrs]

Pour préciser ce que dit Erwan31, ce n'est pas l'input qui gêne mais les br.

[Deallyra]

et si tu allais dans ton éditeur de texte et que tu tapais sur [enter] après la fin de ta balise input? ^^

Il me semble que la norme est à une balise par ligne.
En même temps, nous préciser ton doctype (même si xHTML donc facile à deviner) n'aurait pas été inutile...
Enfin si vu qu'on le devine mais bon
Pour ceux qui ne s'y connaissent pas et veulent faire des tests

[jlb59]

Bonsoir,
est ce que ton form est directement suivi d'un élément de niveau block (div, p, fieldset)?
Les br ne sont pas fait pour créer des espacement..., utiliser un display:block avec un margin-bottom:

Code :

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

<input type="submit" name="Envoyer" value="Envoyer" style="display:block; margin-bottom:...px" />

Merci Erwan31, mais une petite précision tout de même !

Le "margin-bottom:...px", ça pourrait correspondre à quoi ?

Il faut que je te précise que c'est un script PHP, tout au moins, du Html dans du Php, donc cela ne m'arrange pas du tout !

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<?php if(empty($_POST))
{
        if($_GET["message"]=="ok")
                $corps.="Votre mail a bien été envoyé, ainsi que votre adresse IP : ".$_SERVER['REMOTE_ADDR']."\r\n<br />" ;
        else
                echo '<span class="titre-page">Formulaire de contact</span><br /><br />';
                echo '<form method="post" action="index.php?id=contact"><br />
                <label for="email">Votre adresse e-mail : * </label><input type="text" name="email" id="email" /><br /><br />
                <label for="objet">Sujet : * </label><input type="text" name="objet" id="objet" /><br /><br />
                <label for="message">Message : * </label><br /><textarea name="message" id="message" cols="50" rows="10"></textarea><br /><br />
                <label for="question">Code antispams :</label> (Ceci évite la recherche d\'adresses par les robots)<br />
                
                <input type="text" name="premiernombre" value="'.rand(0,100).'" size="1" readonly="readonly" />
<!--            <input type="text" name="secondnombre" size="1" value="'.rand(100, 200).'" readonly="readonly" /> -->
                <input type="text" name="troisiemenombre" value="'.rand(0, 200).'" size="1" readonly="readonly" /><br />
                
<!--            <span style="font-weight:bold;color:red;">Recopiez les nombres contenus dans le <u>premier</u> et le <u>troisième champ</u></span> (ci-dessus) l\'un à la suite de l\'autre dans le champ ci-dessous :<br /> -->
                Recopiez les nombres que vous voyez dans le champ ci-dessus (sans espace) : *<br />
                <input type="text" name="question" id="question" size="4" /><br /><br />
                Votre adresse IP sera automatiquement envoyée quand vous enverrez votre message.<br />
                <input type="submit" name="Envoyer" value="Envoyer" /><br /><br />
                </form>' ;
}
else
{
...

J'ai pris ce script dans un exemple de site, qui, lui, était totalement valide (exemple_site_valide).
J'ai fais ça par que j'en avais marre de galérer avec un formulaire de contact contenant un captchat.

De plus, toi-même et Bisûnûrs m'avaient précisé que le Php n'était pas ananalyé par W3C ! Mais si dans un code Php (dans une variable) il y a du code Html, est-ce normal que ça passe au validateur ?

[Deallyra]

personnellement j'enregistrais la page fournie par mon client puis je la passais sans php à la validation W3C...

[Erwan31]

Bonjour,
jbl59, c'est bien ce que je pensais et c'(est pour ça que je
te demandais

est ce que ton form est directement suivi d'un élément de niveau block (div, p, fieldset)?

Les élément form ne peuvent directement contenir que des éléments de niveau block (div, p, fieldset pour l'essentiel), donc ni input, ni br.
Le validateur t'indique les br parce que ce sont les premiers éléments inline qui apparaissent après form, si tu les supprimes, il va te dire pareil pour les LABEL.

Le W3C valide ton code une fois interprétée par le parseur qui ne renvoit que du code HTML, quelqu'un me dira si je me trompe mais ça me semble assez logique.

Le margin-bottom sert à donner une marge au dessous de l'input pas difficile à deviner.

[SpaceFrog]

personnellement dans ces cas là j'utilise un fieldset ...

[jlb59]

Les élément form ne peuvent directement contenir que des éléments de niveau block (div, p, fieldset pour l'essentiel), donc ni input, ni br.

Je croyais que "input" faisait partie d'un "form" ???
Pour moi, enfin je le vois comme ça, c'est plus logique sinon le formulaire ne sert à rien.
J'ai peut-être mal interprété ce que tu m'as dit !!!!

Le validateur t'indique les br parce que ce sont les premiers éléments inline qui apparaissent après form, si tu les supprimes, il va te dire pareil pour les LABEL.

En définitive, il ne dois y avoir aucun <br> dans un formulaire pour qu'il soit validé ?
C'est ce que j'ai compris.

Le W3C valide ton code une fois interprétée par le parseur qui ne renvoit que du code HTML, quelqu'un me dira si je me trompe mais ça me semble assez logique.

Là, tu en connais plus que moi, mais si tu le dis, je pense que tu as raison :

Le margin-bottom sert à donner une marge au dessous de l'input pas difficile à deviner.

Là, je commence à comprendre parce que dans ma petite tête, je voyais "margin-bottom" comme servant à mettre un écart à partir du bord de la page, ici en bas.

J'avais du mal à définir cette fonction comme tu me l'as écrit.
J'ai essayé mais c'est pas ça.

En tout cas, un grand merci de ton aide.

[jlb59]

Bonsoir,
est ce que ton form est directement suivi d'un élément de niveau block (div, p, fieldset)?
Les br ne sont pas fait pour créer des espacement..., utiliser un display:block avec un margin-bottom:

Code :

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

<input type="submit" name="Envoyer" value="Envoyer" style="display:block; margin-bottom:...px" />

Bonjour Erwan31,

J'ai fait exactement comme tu m'as dit et ça a été validé sans problème.

Pour cela, c'est résolu, mais je suppose que je vais encore avoir besoin de tes lumières, mais on verra par la suite !

Merci encore de ton aide.