[ Discussion ] Sémantique CSS, XHTML : Formulaires

[Sephi-Chan]

Discution divisée de son topic original [ bug connexion bdd ]. Lex.

Voilà donc un petit conseil pour ton formulaire concernant son apparence et son ergonomie) :

Code PHP :

<?php 

<form action="traitement_inscription.php" method="post">

    <div>

        <label><span>Nom :</span><input type="text" name="pseudo" maxlength="50" /></label>

        <label><span>Email :</span><input type="text" name="email" maxlength="50" /></label>

        <p>Votre mot de passe sera généré automatiquement et vous sera envoyé par email.</p>

        <input type="submit" value="Créer le compte" />

    </div>

</form> 

[Anthor]

Code PHP :

<?php 

<form action="traitement_inscription.php" method="post">

    <div>

        <label><span>Nom :</span><input type="text" name="pseudo" maxlength="50" /></label>

        <label><span>Email :</span><input type="text" name="email" maxlength="50" /></label>

        <p>Votre mot de passe sera généré automatiquement et vous sera envoyé par email.</p>

        <input type="submit" value="Créer le compte" />

    </div>

</form> 

[Plume]

Regarde Sephi, un monsieur qui fait comme moi. Il a mit plein de id et de for ..

Tu le tapes ?

Malako, oui c'est normal. Tes données en entêtes ne sont pas bonnes. Je te renverrais vers la doc PHP -> mail() ;]

Lex.

[Anthor]

Regarde Sephi, un monsieur qui fait comme moi. Il a mit plein de id et de for ..

Tu le tapes ?

C'est le minimum pour éffectuer les vérifications JS au niveau des champs, et avoir le focus, c'est pour l'accessibilité ^^

c'est normal après si ma boite de réception n'exécute pas le html ?

Essayes comme cela :

Code PHP :

<?php 

mail($destinataire,

     $objet,

     $message,

     "From: $from\r\nReply-To: $from\r\nContent-Type: text/html; charset=\"iso-8859-1\"\r\n"); 

[Plume]

Je fais comme toi pour l'utilisation des label

Sephi, il nous a lourdé tous les deux iffle:

Lex.

[Sephi-Chan]

Je suis d'accord, ma solution est moins correcte sur la sémantique. Mais alors, le <input /> a-t-il réellement sa place dans une balise de paragraphe ? Des balises <div /> seraient plus appropriés, si l'on veut être pointilleux sur la sémantique.

Même si ajouter des for et des id partout ne me plaît pas, mais je dois reconnaître que que c'est plus sémantique. Je pense adopter cette solution. Merci pour la participation, Anthor.


Sephi-Chan, mais le CSS est vraiment bizarre ! :O

[Plume]

Pour ma part, je reposte ce que j'avais mis histoire d'avoir un avis

Code :

<form action="traitement_inscription.php" method="post">
    <div>
        <p>
            <label for="pseudo">Nom :</label><input type="text" id="pseudo" name="pseudo" maxlength="50" /><br />
            <label for="email">Email :</label><input type="text" id="email" name="email" maxlength="50" /><br />
            Votre mot de passe sera généré automatiquement et vous sera envoyé par email.<br />
            <input type="submit" value="Créer le compte" />
        </p>
    </div>
</form>

J'vois pas l'utilité de la multitude de <p></p> dont tu fais usage :]
Ensuite, si j'veux mettre un style sur la phrase qui n'est pas en label, j'utilise <span></span> :]

J'vous fait grâce du code CSS ;]

Lex.

[EDIT] Edition du code, j'm'était planté dans le copié collé de Sephi iffle:

[Anthor]

L'interet de ce CSS et des multiples paragraphes, c'est d'avoir une présentation tabulaire. C'est totalement valide et compatible tout navigateur

Le mieux c'est de le voir :

[Plume]

Attend. P'tite précision. J'utilise le CSS sur mes label pour aligner mes formulaires. Avec un BR, l'espace entre les lignes est moindre. Je trouve que là, c'est trop éclaté.

[Anthor]

L'espace se trouve ici :

Code :

padding: 5px 0 8px 0;

Je n'ai pas vu ton code CSS, alors je ne peux pas te dire ^^