Problème formulaire

Résolu/Fermé
MisterGameFR Messages postés 153 Date d'inscription lundi 9 novembre 2015 Statut Membre Dernière intervention 29 mars 2017 - Modifié par jordane45 le 23/12/2015 à 10:19
jordane45 Messages postés 38202 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 8 juin 2024 - 23 déc. 2015 à 10:34
Bonjour,

Je suis débutant dans le monde de la programmation.
Depuis quelque jours j'étudie des livres et je regarde des vidéos sur internet pour essayer de faire un site internet.

J'aimerais faire un formulaire d'inscription en PHP, malheureusement je rencontre un problème au niveau de l'alignement de mes lignes. J'aimerais que ça fasse les uns en dessous des autres (comme un tableau) mais je n'y arrive pas.

Je voudrais aussi intégrer une image en PHP c'est possible ? pour le titre du formulaire, j'ai fais une image en CS6.png, mais je sais pas comment l'intégrer.

LIGNE DE CODE :
<html>
 <head>
  <title>World Fitness - Inscription</title>
  <meta charset="utf-8" >
 </head>


 <body>

  <div align="center" >

   <h2>Inscription</h2>
   <br /><br /><br />
   <form method="POST" action="">

  <table>

   <tr>
    
    <td>
    <label>Pseudo :</label>
    </td>

    <td>
    <input type="text" placeholder="Votre Pseudo"   id="pseudo" name="pseudo" />
    </td>


    <td>
    <label>E-Mail :</label>
    </td>

    <td>
    <input type="text" placeholder="Votre mail" id="mail" name="mail" />
    </td>

   </tr>

  </table>

   </form>
  </div>
 </body>
</html>






Quelqu'un peut m'aider svp ?
Merci d'avance.


EDIT : Ajout des balises de code (la coloration syntaxique).
Explications disponibles ici :ICI

Merci d'y penser dans tes prochains messages.

2 réponses

jordane45 Messages postés 38202 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 8 juin 2024 4 675
Modifié par jordane45 le 23/12/2015 à 10:22
Bonjour,

Ta question concerne le HTML ... pas le PHP.

Quoi qu'il en soit....
Les LIGNES dans un tableau sont les TR
Donc... pour mettre tes éléments en dessous l'un de l'autre.. tu dois les placer CHACUN entre les balises <tr> </tr>.


Comme ceci :
<table>
   <tr>
    <td>
    <label>Pseudo :</label>
    </td>
    <td>
     <input type="text" placeholder="Votre Pseudo" id="pseudo" name="pseudo">
    </td>
   </tr>
   <tr>
    <td>
    <label>E-Mail :</label>
    </td>
    <td>
    <input type="text" placeholder="Votre mail" id="mail" name="mail" />
    </td>
   </tr>
  </table>



Et pour ce qui est de ton image... en HTML ..; il y a la balise <img>
https://www.w3schools.com/tags/tag_img.asp


.
Cordialement, 
Jordane                                                                 
1
MisterGameFR Messages postés 153 Date d'inscription lundi 9 novembre 2015 Statut Membre Dernière intervention 29 mars 2017
23 déc. 2015 à 10:27
Merci de ta réponse aussi rapide.

Je ne fais pas de HTML, c'est juste que la ligne de code PHP n'est pas encore faite. donc si je comprend bien je dois mettre un TR entre le label et le input ?


comme ça :
<tr>
<td aligne="right">
<label >Mot de passe :</label>
</td>

<td>
<input type="text" placeholder="Entrez votre password" id="mdp" name="mdp" />
</td>
</tr>


?

Pour l'image je vais essayer après :).

parce que j'ai un problème avec wamp.. Quand je veux ouvrir un projet ça ne fonctionne pas, mais si je déplace l'index.php et que je le met dans aucun dossier, ça se lance normal quand je met localhost sur internet.
0
jordane45 Messages postés 38202 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 8 juin 2024 4 675
23 déc. 2015 à 10:32

Je ne fais pas de HTML,

Heuuu..... ben...SI .... !
C'est un peu (beaucoup...) ce que tu utilises pour AFFICHER les éléments de ta page ( INPUT ... TABLE...etc......)


si je comprend bien je dois mettre un TR entre le label et le input

Non.
Entre CHAQUE "COUPLE" label/Input....
Mais ... tu as juste à regarder le code que je t'ai donné !


parce que j'ai un problème avec wamp

Ca... c'est une AUTRE question.... et donc.... tu vas devoir ouvrir une NOUVELLE discussion propre à cette problématique.



PS: Merci de bien vouloir utiliser la coloration syntaxique (les balises de code) lorsque tu postes du code sur le forum.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code

.
0
MisterGameFR Messages postés 153 Date d'inscription lundi 9 novembre 2015 Statut Membre Dernière intervention 29 mars 2017
Modifié par MisterGameFR le 23/12/2015 à 10:34
Je viens de faire le test des <tr> </tr> et cela fonctionne parfaitement, donc un GRAND merci à toi jordane45 pour ton aide !

VOICI CE QUE J'AI FAIS :



<html>
<head>
<title>World Fitness - Inscription</title>
<meta charset="utf-8" >
</head>


<body>

<div align="center" >

<h2>Inscription</h2>
<br /><br /><br />
<form method="POST" action="">

<table>

<tr>

<tr>
<td aligne="right">
<label>Pseudo :</label>
</td>

<td>
<input type="text" placeholder="Votre Pseudo" id="pseudo" name="pseudo" />
</td>
</tr>

<tr>
<td aligne="right">
<label>E-Mail :</label>
</td>

<td>
<input type="text" placeholder="Votre mail" id="mail" name="mail" />
</td>
</tr>

<tr>
<td aligne="right">
<label>Confirmez votre mail :</label>
</td>

<td>
<input type="text" placeholder="Confimez votre mail" id="mail2" name="mail2" />
</td>
</tr>

<tr>
<td aligne="right">
<label >Mot de passe :</label>
</td>

<td>
<input type="text" placeholder="Entrez votre password" id="mdp" name="mdp" />
</td>
</tr>

<tr>
<td aligne="right">
<label>Confirmez votre mot de passe :</label>
</td>

<td>
<input type="text" placeholder="Confirmation password" id="mdp2" name="mdp2" />
</td>
</tr>

</tr>

</table>

</form>
</div>
</body>
</html>

0
jordane45 Messages postés 38202 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 8 juin 2024 4 675
23 déc. 2015 à 10:34
Si la question est résolue..
Merci de ne pas oublier de clôturer le sujet
(en cliquant sur le lien "Marquer comme résolu" qui se trouve sous le titre de la question)

Cordialement,
Jordane
0