Presentation formulaire

Résolu
dannezri Messages postés 62 Statut Membre -  
animostab Messages postés 3003 Statut Membre -
Bonjour,

j'ai un formulaire et j'aimerai le rendre plus esthétique, en aligant les champs et en alignant et centrer le texte.


<html>
<head>
<title>Inscription</title>
</head>
<body>
<div>
<h2>Inscription</h2>
<br /><br />
<form method="POST" action="">
<table>
<tr>
<td>
<label for="Pseudo">Pseudo :</label>
</td>
<td>
<input type="text"
placeholder="Votre pseudo" id="pseudo" name="pseudo" value="<?php if(isset($pseudo)) {echo $pseudo;} ?> "/>
</td>
</tr>
</table>



<table>
<tr>
<td >
<label for="Mail">Mail :</label>
</td>
<td>
<input type="email"
placeholder="Votre mail" id="mail" name="mail" value="<?php if(isset($mail)) {echo $mail;}?> "/>
</td>
</tr>
</table>


<table>
<tr>
<td >
<label for="mail2">Confirmation du mail :</label>
</td>
<td>
<input type="email"
placeholder="Confirmer votre mail" id="mail2" name="mail2" "<?php if(isset($mail)) {echo $mail2;}?> "/>
</td>
</tr>
</table>


<table>
<tr>
<td >
<label for="mdp">Mot de passe :</label>
</td>
<td>
<input type="password"
placeholder="Votre mot de passe" id="mdp" name="mdp" />
</td>
</tr>
</table>



<table>
<tr>
<td >
<label for="mdp2">Confirmation du mot de passe :</label>
</td>
<td>
<input type="password"
placeholder="Confirmer votre mot de passe" id="mdp2" name="mdp2" />
</td>
</tr>


<tr>
<td></td>
<td>
<br />
<input type="submit" name="forminscription" value="Je m'inscris" />
</td>
</tr>
</table>
</form>
<?php
if(isset($erreur))
{
echo $erreur;
}

?>
</div>
</body>
</html>


Merci


1 réponse

animostab Messages postés 3003 Statut Membre 738
 
Salut

déjà supprime les tables tr td
mets ton form dans un div avec class ou id auquel tu donne une dimension (%) avec css
et applique des regles css sur les enfants du div
(label / input)
0