Formulaire : bouton "valider"
djstyles
Messages postés
149
Statut
Membre
-
Jeune_informaticien -
Jeune_informaticien -
bonjour ! j'ai créé un fomulaire dont voici le code ( c'est pour une demande de devis )
j'aimerai maintenant savoir comment ajouter un bouton valider et que les données du formulaire soient envoyées sur mon adresse mail. Si possible, ce serait bien aussi qu'un message de confirmation s'affiche à l'écran !
merci d'avance pour votre aide =)
<p><strong>Vos coordonnées :<a couleur="#DC143C" ></a></strong></p>
<p><br />
</p>
<form id="form1" method="post" action="">
<p>
<label>Votre nom :<br />
<br />
</label>
<input type="text" name="Votre nom" id="Votre nom" />
</p>
<p> </p>
</form>
<form id="form2" method="post" action="">
<p>
<label>Votre prénom :<br />
<br />
<input type="text" name="Votre prénom" id="Votre prénom" />
</label>
</p>
<p> </p>
</form>
<form id="form3" method="post" action="">
<p>
<label>Votre adresse e-m@il
:<br />
<br />
<input name="Votre adresse e-m@il" type="text" id="Votre adresse e-m@il" value="@" />
</label>
</p>
<p> </p>
</form>
<form id="form4" method="post" action="">
<p>
<label>Votre Numéro de Téléphone :<br />
<br />
<input name="Votre Numéro de Téléphone" type="text" id="Votre Numéro de Téléphone" value="+33" />
</label>
</p>
<p> </p>
</form>
<form id="form5" method="post" action="">
<p>
<label>Votre Adresse :<br />
<br />
<textarea name="Votre Adresse :" id="Votre Adresse :" cols="45" rows="5"></textarea>
</label>
</p>
<p> </p>
</form>
<form id="form6" method="post" action="">
<p>
<label>Votre Ville
:<br />
<br />
<input type="text" name="Votre Ville" id="Votre Ville" />
</label>
</p>
<p> </p>
</form>
<form id="form7" method="post" action="">
<p>
<label>Votre Code Postal :<br />
<br />
<input type="text" name="Votre Code Postal" id="Votre Code Postal" />
</label>
</p>
<p> </p>
<p> </p>
<p> </p>
<p><strong>Votre Evenement :</strong></p>
<p> </p>
</form>
<form id="form8" method="post" action="">
<p>
<label>Le Lieu où se déroulera la soirée :<br />
<br />
<input type="text" name="Le Lieu où se déroulera la soirée" id="Le Lieu où se déroulera la soirée" />
</label>
</p>
<p> </p>
</form>
<form id="form9" method="post" action="">
<p>
<label>Le Type de soirée : <br />
<br />
<input type="text" name="Le Type de soirée" id="Le Type de soirée" />
</label>
</p>
<p> </p>
</form>
<form id="form10" method="post" action="">
<p>
<label>Date de la soirée : <br />
<br />
<input type="text" name="Date de la soirée" id="Date de la soirée" />
</label>
</p>
<p> </p>
</form>
<form id="form11" method="post" action="">
<p></p>
<p>
<label>
Type de prestation :<br />
<br />
<input type="radio" name="Le type d'Animation" value="Disk jockey" id="LetypedAnimation_0" />
Disk jockey</label>
<br />
<label>
<input type="radio" name="Le type d'Animation" value="Light Jockey" id="LetypedAnimation_1" />
Light Jockey</label>
<br />
<label>
<input type="radio" name="Le type d'Animation" value="Les deux" id="LetypedAnimation_2" />
Les deux</label>
<br />
<label>
<input type="radio" name="Le type d'Animation" value="Support Technique" id="LetypedAnimation_3" />
Support Technique</label>
</p>
<p><br />
</p>
<p></p>
</form>
<form id="form12" method="post" action="">
<p>
<label>Votre Budget
:<br />
<br />
<input name="Votre Budget" type="text" id="Votre Budget" value="€" />
</label>
</p>
<p> </p>
</form>
<form id="form13" method="post" action="">
<p>
<label>Le nombre de personnes:
<select name="Le nombre de personnes" id="Le nombre de personnes">
<option value="<30" selected="selected"><30</option>
<option value="<50"><50</option>
<option value="<100"><100</option>
<option value=">100">>100</option>
</select>
</label>
</p>
<p> </p>
</form>
<form id="form14" method="post" action="">
<p>
<label>Ou Nombre Exact:
<input name="Ou Nombre Exact" type="text" id="Ou Nombre Exact" size="7" maxlength="2" />
</label>
</p>
<p> </p>
</form>
<p> </p>
<form id="form15" method="post" action="">
<p></p>
<p>
<label>Le type de salle :
<br />
<br />
<input type="radio" name="Le type de Salle" value="Salle des fêtes" id="LetypedeSalle_0" />
Salle des fêtes</label>
<br />
<label>
<input type="radio" name="Le type de Salle" value="Sous-Sol" id="LetypedeSalle_1" />
Sous-Sol</label>
<br />
<label>
<input type="radio" name="Le type de Salle" value="Extérieure" id="LetypedeSalle_2" />
Extérieure</label>
<br />
<label>
<input type="radio" name="Le type de Salle" value="Autre" id="LetypedeSalle_3" />
Autre</label>
<br />
</p>
<p></p>
</form>
<p> </p>
<form id="form16" method="post" action="">
<p>
<label>Si Autre, Précisez:<br />
<br />
<input type="text" name="Si Autre, Précisez" id="Si Autre, Précisez" />
</label>
</p>
<p> </p>
</form>
<p> </p>
<p><strong>Vos contraintes :</strong></p>
<p> </p>
<form id="form18" method="post" action="">
<p>
<label>Déroulement, contraintes..<br />
<br />
<input name="Déroulement, contraintes.." type="text" id="Déroulement, contraintes.." size="90" />
</label>
</p>
<p> </p>
</form>
<p><strong></strong></p>
<form id="form19" method="post" action="">
<p>
<label>Style de musique :<br />
<br />
<input type="text" name="Style de musique :" id="Style de musique :" />
</label>
</p>
<p> </p>
<p>
<label>Avancement de votre projet :<br />
<br />
<select name="Avancement de votre projet :" id="Avancement de votre projet :">
<option value="En cours d'étude">En cours d'étude</option>
<option value="Réalisation incertaine">Réalisation incertaine</option>
<option value="Réalisation certaine">Réalisation certaine</option>
<option value="--------------------" selected="selected">----------------</option>
</select>
</label>
</p>
<p> </p>
</form>
<form id="form17" method="post" action="">
<p>
<label>Autres indications à apporter au devis ?<br />
<br />
<textarea name="Autres indications à apporter au devis ?" id="Autres indications à apporter au devis ?" cols="45" rows="5"></textarea>
</label>
</p>
<p> </p>
</form>
<p><strong>Options supplémentaires : </strong></p>
<p> </p>
<p>Les petits plus qui rendront votre soirée unique ! </p>
<p>Voir la page: <a href="/options.html" target="_blank">Options </a></p>
<form id="form20" method="post" action="">
<p>
<label>Options souhaitées :
<select name="Options souhaitées :" id="Options souhaitées :">
<option value="Les Deux (+70€TTC)">Les Deux (+70€TTC)</option>
<option value="Laser Vert (+40€TTC)">Laser Vert (+40€TTC)</option>
<option value="Ecran + Caméra + Enregistrement de la soirée + Montage vidéo (+50€TTC)">Ecran + Caméra + Enregistrement de la soirée + Montage vidéo (+50€TTC)</option>
<option value="-------------------" selected="selected">--------------------</option>
</select>
</label>
</p>
</form>
j'aimerai maintenant savoir comment ajouter un bouton valider et que les données du formulaire soient envoyées sur mon adresse mail. Si possible, ce serait bien aussi qu'un message de confirmation s'affiche à l'écran !
merci d'avance pour votre aide =)
A voir également:
- Formulaire : bouton "valider"
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook compte désactivé - Guide
- Formulaire de reclamation instagram - Guide
- Récupérer compte outlook sans formulaire - Forum Hotmail / Outlook.com
- Confirmer le nouvel envoi du formulaire err_cache_miss - Forum Google Chrome
3 réponses
Désolé :p
Il est impossible de le faire autre qu'avec un lgge serveur, comme le PHP par exemple.
Donc je ne vois pas une méthode plus simple, vu que le HTML ne fait pas ce genre de trucs.
Je te conseille ce tuto, normalement il est bien expliqué, ça ne te prendra pas trop de temps :
https://openclassrooms.com/fr/courses/918836-concevez-votre-site-web-avec-php-et-mysql/913099-transmettez-des-donnees-avec-les-formulaires
Puis pour la fonction mail, c'est juste une fonction php à voir sur la documentation.
Bon courage ^^
Il est impossible de le faire autre qu'avec un lgge serveur, comme le PHP par exemple.
Donc je ne vois pas une méthode plus simple, vu que le HTML ne fait pas ce genre de trucs.
Je te conseille ce tuto, normalement il est bien expliqué, ça ne te prendra pas trop de temps :
https://openclassrooms.com/fr/courses/918836-concevez-votre-site-web-avec-php-et-mysql/913099-transmettez-des-donnees-avec-les-formulaires
Puis pour la fonction mail, c'est juste une fonction php à voir sur la documentation.
Bon courage ^^
Bonjour,
Pourquoi tu crée 20 formulaires, alors qu'un seul aurait suffit ? C'est absurde.
Il suffit de faire ça :
<form name="exple" method="POST" action="">
<select>
</select>
<input type='texte" .... />
etc ...
</form>
Pour ta question, pour ajouter le bouton valider :
<input type="submit" value="valider"/>
Et puis tu dois faire un script PHP qui traite les informations valides dans la page que tu spécifie sur action.
Tu récupère les valeurs par $_POST['nom du champs dans le form']
Et tu utilise la fonction mail pour les envoyer, echo pour afficher.
Faut se mettre à apprendre du PHP quoi :))
Pourquoi tu crée 20 formulaires, alors qu'un seul aurait suffit ? C'est absurde.
Il suffit de faire ça :
<form name="exple" method="POST" action="">
<select>
</select>
<input type='texte" .... />
etc ...
</form>
Pour ta question, pour ajouter le bouton valider :
<input type="submit" value="valider"/>
Et puis tu dois faire un script PHP qui traite les informations valides dans la page que tu spécifie sur action.
Tu récupère les valeurs par $_POST['nom du champs dans le form']
Et tu utilise la fonction mail pour les envoyer, echo pour afficher.
Faut se mettre à apprendre du PHP quoi :))
