[RESOLU] Mise en page de mon formulaire, avec un tableau ?

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [RESOLU] Mise en page de mon formulaire, avec un tableau ?

par zeus » 10 mars 2008, 08:53

Modération :
Afin d'obtenir plus de réponses, le sujet est déplacé dans le forum "HTML, XHTML, CSS".

par Hywan » 10 mars 2008, 01:56

Un premier jet sur la bonne façon de structurer un formulaire avec de l'HTML :

Code : Tout sélectionner

<form action="maPage.php" action="post"> <p><label for="monId">Label de mon champ&nbsp;:</label> <input type="text" id="monId" name="monNom" value="" maxlength="255" /></p> <p class="button"><input type="submit" /></p> </form>
et avec un petit code CSS associé :

Code : Tout sélectionner

label { float: left; display: block; width: 50%; text-align: right; cursor: pointer; }
C'est un code écrit en 2mn, mais je pense que c'est déjà une bonne piste à explorer non ? De ce fait, ton code HTML est propre et accessible, et tu utilises la bonne technologique, à savoir le CSS pour la mise en forme. Tu trouveras des liens intéressants dans le sujet : [Intéressant] Sites de référence HTML/CSS. Je te conseille de lire la majorité de ces sites si tu veux espérer avoir un rendu correct à la fin.

par iclo » 10 mars 2008, 01:11

Ton code html a une drole de tête:
A vue de nez:
-Tu as des balises tr ouvrantes, sans balises fermantes.
- il manque un espace dans ton premier td, tdalign n'est pas un tag valide ;)

Prends le temps de bien structuré ton code html, en l'indendantant et de vérifier que toutes les balises correspondent bien.

Mise en page de mon formulaire, avec un tableau ?

par chodaboy » 10 mars 2008, 00:54

Bonjour,

Je continue de mettre à jour mon formulaire : https://ssl2.ovh.net/~hoteluly/reservation.php

Cependant, je me heurte à un probléme de mise en page. Je ne sais pas si c'est lié à PHP, mais dans la version html sans PHP, j'avais pas ce probléme.

Voilà le probléme : je souhaite aligner les noms et les champs de saisies.

Mon tableau commence ainsi :
<TABLE WIDTH="600" BORDER="0" CELLPADDING="0" CELLSPACING="4">
<TR> <TDALIGN="RIGHT">
<FONT FACE="Arial, geneva, helvetica" SIZE="-1" COLOR="#000000"> 
<!-- Insérer le code du formulaire php ici -->
        <form name="formu" method="post" action="<?php echo $_SERVER["PHP_SELF"]; ?>">
Vous etes sur une page s&eacute;curis&eacute;e <br> You are on a secured web page
     <td><label for="nom"><font color="#000000"><b>Nom :</b> <i> Name :</font></i></label>
    <input type="text" size="30" name="nom" id="nom" value="<?php
        if (!empty($_POST["nom"])) {
// Saisi du nom
                echo htmlspecialchars($_POST["nom"],ENT_QUOTES);
        }
        ?>" />
<tr>
 <td><p><label for="prenom"><font color="#000000"><b>Prenom : </b><i>First Name :</i></font></label></td>
<td>  <input type="text" size="30" name="prenom" id="prenom" value="<?php
        if (!empty($_POST["prenom"])) {
// Saisi du prenom
                echo htmlspecialchars($_POST["prenom"],ENT_QUOTES);
        }
        ?>" />
</td>
Si vous visualisez mon formulaire, vous verrez que la ligne de saisie prénom n'appraît pas. Elle a disparu depuis que j'ai ajouté les balises <tr> et <td> à mes zones de saisies.

Ma question : pourquoi a t'elle disparue ? Dans ce cas, comment utiliser un tableau dans mon formulaire si mes zones de saisies disparaissent au fur et à mesure que je crée mon tableau...

Si vous avez une idée ou carrément une solution différente pour mettre en forme mon formulaire, je suis preneur;

Je ne vois pas comment faire une mise en page correcte :?