Formulaire avec CSS3
Posté : 30 sept. 2010, 19:17
Bonjour a tous j'ai fait un formulaire en Xhtml et CSS3
pas grand chose un champs nom,pseudo,email et mot de passe.
Le but c'est quand la personne clic sur valider les données sont enregistrer puis le formulaire fait apparaitre un message ( inscription terminé )
Pour le moment le problème n'est pas la.
Voici mon formulaire
mais je souhaiterai garder le
Si je fait un test avec un fichier php ayant juste se code
mais si cependant je place un bouton basic du type
merci pour votre aide
pas grand chose un champs nom,pseudo,email et mot de passe.
Le but c'est quand la personne clic sur valider les données sont enregistrer puis le formulaire fait apparaitre un message ( inscription terminé )
Pour le moment le problème n'est pas la.
Voici mon formulaire
<form id="start" action="php/inscription.php">
<h1>Création compte utilisateurs</h1>
<p>
<label for="nom">Nom complet</label>
<input id="nom" type="text" />
</p>
<p>
<label for="pseudo">Nom d'utilisateur</label>
<input id="pseudo" type="text" />
</p>
<p>
<label for="email">Email</label>
<input id="email" type="text" />
</p>
<p>
<label for="password">Mot de passe</label>
<input id="password" type="password" />
</p>
<P>
<label for="condition">Réglement</label>
<TEXTAREA name="positive" rows=5 COLS=40> test
</TEXTAREA>
</p>
<p>
En cliquant sur "Créer mon compte" ci-dessous, vous acceptez<br /> nos Conditions d'Utilisation ainsi que notre Politique de Confidentialité.
<p>
<a class="submit" href="#finish">Créer mon compte</a> ou <a href="index.php">annuler</a>
</p>
<div id="finish">
<p>
Inscription terminée!
</p>
</div>
</form>
Le problème c'est que les champs ne se renvoie pas vers la page phpmais je souhaiterai garder le
<a class="submit" href="#finish">
Voici la partie CSS3 qui traite du <a class="submit" href="#finish">Code : Tout sélectionner
input[type=submit]:hover,
}
input[type=submit]:active,
input[type=submit]:focus,
a.submit:active,
a.submit:focus{
background:#ccc;
background:-moz-linear-gradient(90deg, #0bcdff, #067cd3);
background:-webkit-gradient(linear, left top, left bottom, from(#067cd3), to(#0bcdff));
border-color:#093c75;
outline:none;
}
#finish{
background:rgba(65, 166, 42, 0.2);
border:2px solid #41a62a;
-moz-border-radius:3px;
-webkit-border-radius:3px;
display:none;
padding:5px 10px;
}
#finish:target{
display:block;
}<?php
$nom=$_POST['nom'];
echo $_POST['nom'];
?>
La valeur n'est pas envoyer en faisant l'action sur le boutonmais si cependant je place un bouton basic du type
<input type="submit" value="Valider" />
Cela marche merci pour votre aide