Avec quoi et comment activer un formulaire

Fermé
Utilisateur anonyme - 14 janv. 2011 à 16:56
 Utilisateur anonyme - 18 janv. 2011 à 15:10
Bonjour,

j'aimerai savoir avec quoi et comment activer un formulaire d'inscription et

aussi j'ai crée un bouton ajouter au favoris et je voudrait qui soit compatible avec les navigateurs : opera, chrome, safari,IE, et firefox ..... !!!


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~




code pour le formulaire :



<h1>Pour nous contacter:</h1>

<form name="formulaire" method="post" action="top">
<div align="left">

<FORM method="post" action="essaie.php" >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>club Salon</title>
</head>

<body>


<br/>
<FORM method="post" action="essaie.php" ><left>

<p><label for="nom"><b>Nom<b><span class="Style3">*</span> :</label><input id="nom" name="nom" type="text" /><br /></strong>


</p>

<p><label for="nom"><b>Prénom<b><span class="Style3">*</span> :</label><input id="nom" name="nom" type="text" /><br /></strong>
<p>-------------------------------------------</p>
<p><label for="nom"><b>Adresse mail<b><span class="Style3">*</span> :</label><input id="nom" name="nom" type="text" /><br /></strong>


</p>
<p>-------------------------------------------</p>
<p><label for="nom"><b>adresse<b><span class="Style3">*</span> :</label><input id="nom" name="nom" type="text" /><br /></strong>
</strong>
</p>
<p><label for="nom"><b>Ville/Province<b><span class="Style3">*</span> :</label><input id="nom" name="nom" type="text" /><br /></strong>
</strong>
</p>
<p><label for="nom"><b>Département français<b><span class="Style3">*</span> :</label></strong><select name="departements" onClick="document.formulaire.codepostal.value=document.formulaire.departements.value;">
<option value="0"></option>
<option value="01">01 - Ain</option>
<option value="02">02 - Aisne</option>
<option value="03">03 - Allier</option>
<option value="04">04 - Alpes-de-Haute-Provence</option>
<option value="05">05 - Hautes-Alpes</option>
<option value="06">06 - Alpes-Maritimes</option>
<option value="07">07 - Ardèche</option>
<option value="08">08 - Ardennes</option>
<option value="09">09 - Ariège</option>
<option value="10">10 - Aube</option>
<option value="11">11 - Aude</option>
<option value="12">12 - Aveyron</option>
<option value="13">13 - Bouches-du-Rhône</option>
<option value="14">14 - Calvados</option>
<option value="15">15 - Cantal</option>
<option value="16">16 - Charente</option>
<option value="17">17 - Charente-Maritime</option>
<option value="18">18 - Cher</option>
<option value="19">19 - Corrèze</option>
<option value="2A">2A - Corse-du-Sud</option>
<option value="2B">2B - Haute-Corse</option>
<option value="21">21 - Côte-d'Or</option>
<option value="22">22 - Côtes-d'Armor</option>
<option value="23">23 - Creuse</option>
<option value="24">24 - Dordogne</option>
<option value="25">25 - Doubs</option>
<option value="26">26 - Drôme</option>
<option value="27">27 - Eure</option>
<option value="28">28 - Eure-et-Loir</option>
<option value="29">29 - Finistère</option>
<option value="30">30 - Gard</option>
<option value="31">31 - Haute-Garonne</option>
<option value="32">32 - Gers</option>
<option value="33">33 - Gironde</option>
<option value="34">34 - Hérault</option>
<option value="35">35 - Ille-et-Vilaine</option>
<option value="36">36 - Indre</option>
<option value="37">37 - Indre-et-Loire</option>
<option value="38">38 - Isère</option>
<option value="39">39 - Jura</option>
<option value="40">40 - Landes</option>
<option value="41">41 - Loir-et-Cher</option>
<option value="42">42 - Loire</option>
<option value="43">43 - Haute-Loire</option>
<option value="44">44 - Loire-Atlantique</option>
<option value="45">45 - Loiret</option>
<option value="46">46 - Lot</option>
<option value="47">47 - Lot-et-Garonne</option>
<option value="48">48 - Lozère</option>
<option value="49">49 - Maine-et-Loire</option>
<option value="50">50 - Manche</option>
<option value="51">51 - Marne</option>
<option value="52">52 - Haute-Marne</option>
<option value="53">53 - Mayenne</option>
<option value="54">54 - Meurthe-et-Moselle</option>
<option value="55">55 - Meuse</option>
<option value="56">56 - Morbihan</option>
<option value="57">57 - Moselle</option>
<option value="58">58 - Nièvre</option>
<option value="59">59 - Nord</option>
<option value="60">60 - Oise</option>
<option value="61">61 - Orne</option>
<option value="62">62 - Pas-de-Calais</option>
<option value="63">63 - Puy-de-Dôme</option>
<option value="64">64 - Pyrénées-Atlantiques</option>
<option value="35">65 - Hautes-Pyrénées</option>
<option value="66">66 - Pyrénées-Orientales</option>
<option value="67">67 - Bas-Rhin</option>
<option value="68">68 - Haut-Rhin</option>
<option value="69">69 - Rhône</option>
<option value="70">70 - Haute-Saône</option>
<option value="71">71 - Saône-et-Loire</option>
<option value="72">72 - Sarthe</option><
<option value="73">73 - Savoie</option>
<option value="74">74 - Haute-Savoie</option>
<option value="75">75 - Paris</option>
<option value="76">76 - Seine-Maritime</option>
<option value="77">77 - Seine-et-Marne</option>
<option value="78">78 - Yvelines</option>
<option value="79">79 - Deux-Sèvres</option>
<option value="80">80 - Somme</option>
<option value="81">81 - Tarn</option>
<option value="82">82 - Tarn-et-Garonne</option>
<option value="83">83 - Var</option>
<option value="84">84 - Vaucluse</option>
<option value="85">85 - Vendée</option>
<option value="86">86 - Vienne</option>
<option value="87">87 - Haute-Vienne</option>
<option value="88">88 - Vosges</option>
<option value="89">89 - Yonne</option>
<option value="90">90 - Territoire de Belfort</option>
<option value="91">91 - Essonne</option>
<option value="92">92 - Hauts-de-Seine</option>
<option value="93">93 - Seine-Saint-Denis</option>
<option value="94">94 - Val-de-Marne</option>
<option value="95">95 - Val-d'Oise</option>
<option value="971">971 - Guadeloupe</option>
<option value="972">972 - Martinique</option>
<option value="973">973 - Guyane</option>
<option value="974">974 - Réunion</option>
<option value="975">975 - Saint-Pierre-et-Miquelon</option>
<option value="984">984 - Terres-australes-et-antarctiques-françaises</option>
<option value="985">985 - Mayotte</option>
<option value="986">986 - Wallis-et-Futuna</option>
<option value="987">987 - Polynésie-française</option>
<option value="988">988 - Nouvelle-Calédonie</option>
</select>
<p><label for="nom"><b>Code Postal<b><span class="Style3">*</span> :</label><input id="nom" name="nom" type="text" /><br /></strong>

<br/>
<b>Sexe : <b><span class="Style3">*</span> Homme <INPUT type=radio name="sexe" value="M">
<span class="Style3">*</span> Femme <INPUT type=radio name="sexe" value="F">

<p><label for="nom"><b>Site web : <b></label></strong><input type="text" style="width:200 ;" name="f_5" value="http://" size="24" border="0">


<br/>
<br/><u>Tapez vos commentaires ici:<u><br/><br/>
<textarea name="comm" rows=10 cols=40>Bonjours,

</textarea>
<a id="champ" onClick="champsobl()"><p><span class="Style3">*</span></strong>Champs qui doivent etre obligatoirement remplies</p></a>


<INPUT type="submit" value="Envoyer" id="submit" onClick="envoie(this.form)">
<input name="rétablir" type="reset" id="rétablir" value="Rétablir">



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~



code pour le bouton ajouter a favoris ( sauf qu'il marche avec IE) :




<SCRIPT LANGUAGE="Javascript">
function Ajouterfavoris()

{

if ( navigator.appName != 'Microsoft Internet Explorer' ) {
window.sidebar.addPanel("Aidoforum.com", "https://www.aidoforum.com/", "");
}

else {


window.external.AddFavorite("https://www.aidoforum.com/", "Aidoforum.com");
}

}
</SCRIPT>
<input value="ajouter aux favoris" type="button" onClick="Ajouterfavoris()">









A voir également:

5 réponses

Eastchild Messages postés 318 Date d'inscription lundi 23 juillet 2007 Statut Membre Dernière intervention 28 mars 2012 31
14 janv. 2011 à 17:15
Bonjour,

Je ne suis pas sur de comprendre ta demande d'activation de formulaire, cependant, il y a quelques erreurs dans ton code :

1)Ne met rien avant le <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2) Ferme le formulaire avec </form> après les 2 inputs.

Ensuite concernant le lien d'ajout aux favoris, il n'existe malheureusement pas de solution miracle, le code qui fonctionne pour IE ne fonctionnera que pour IE, il y a une astuce (que j'ignore) pour firefox, mais pour les autres navigateurs, cela n'est pas possible à ma connaissance.

0
Utilisateur anonyme
14 janv. 2011 à 17:22
donc je résume : j'enlève ce qui est avant <!DOCTYPE html PUBLIC ......>
soit j'enlève :
<form name="formulaire" method="post" action="top">
<div align="left">

<FORM method="post" action="essaie.php" >



après ;2) Ferme le formulaire avec </form> après les 2 inputs.

c a d tout a la fin

<INPUT type="submit" value="Envoyer" id="submit" onClick="envoie(this.form)">
<input name="rétablir" type="reset" id="rétablir" value="Rétablir">


</form> ????



dommage je penser que ça exister pour les navigateur .....!


j'ai bon ?
0
Utilisateur anonyme
14 janv. 2011 à 19:28
???????
0
Eastchild Messages postés 318 Date d'inscription lundi 23 juillet 2007 Statut Membre Dernière intervention 28 mars 2012 31
17 janv. 2011 à 09:33
Désolé de ma réponse un peu tardive mais oui, c'est bien ça.
0
Utilisateur anonyme
17 janv. 2011 à 10:31
merci de ta réponse :D
0
Utilisateur anonyme
17 janv. 2011 à 10:36
sauf que je vent de tester le formulaire et il ne marche pas !!!!!,logiquement il faut mettre a un endroit notre adresse mail pour recevoir les info mais ou ?????

comment faire en sorte qu'il marche et ou mettre notre adresse mail ,tel est a la question !!!!
0
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 500
Modifié par avion-f16 le 14/01/2011 à 22:35
Salut.

Plutôt que de récupérer des codes que tu es incapable de comprendre et de faire fonctionner, je pense qu'il serait plus productif d'aprpendre à les créer toi-même.

Pour faire fonctionner le formulaire, il faut procéder à un traitement du côté serveur. Le langage le plus utilisé est le PHP.

Je te propose encore d'aller sur le Siteduzero.com.
Et je pense t'avoir déjà fait des remarques concernants tes codes invalides.
Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.
Bonne année à tous
0
Utilisateur anonyme
14 janv. 2011 à 23:15
exact sauf que personne ne ma dit si avec notepade++ je peut utliser le php!
0
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 500
15 janv. 2011 à 12:02
Tu peux écrire du PHP, comme avec n'importe quel éditeur de texte.
Par contre, il te faudra un serveur pour tester.
0
Utilisateur anonyme
15 janv. 2011 à 12:56
comme quel serveur ?
0
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 500
15 janv. 2011 à 13:03
Pour tester sur ton PC, tu peux installer Wampserver ou Xampp.
0
Utilisateur anonyme
15 janv. 2011 à 13:19
et existe -il un moyen sur notepade++ de savoir si les code sont bon ,une sorte de vérificateur de de faute ????
0
txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 517
14 janv. 2011 à 23:50
Salut à tous !
Un site super bien fait pour apprendre et comprendre est le site du zéro: https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
Et celui-ci pour les propriétés en CSS: https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3 (toujours sur le même site.
Et bien d'autre choses encore.
avion-f16 a raison à propos des codes qu'on récupère sur le web et qu'on met du temps, beaucoup de temps à essayer de comprendre comment ils fonctionnent.

Le bonheur est la seule chose que l'on peut donner sans l'avoir.
0
Utilisateur anonyme
15 janv. 2011 à 10:44
existe -il un moyen sur notepade++ de savoir si les code sont bon ,une sorte de vérificateur de de faute ????
0
Eastchild Messages postés 318 Date d'inscription lundi 23 juillet 2007 Statut Membre Dernière intervention 28 mars 2012 31
17 janv. 2011 à 13:01
Bonjour à nouveau,

Je viens de constater que dans chaque input, tu as mis dans name et dans id : "nom". Il faut donner un name et un id différent pour chaque <input type="text" ...>. Idem pour tes label.

Exemple :

Tu as mis :
<p><label for="nom"><b>Nom<b><span class="Style3">*</span> :</label><input id="nom" name="nom" type="text" /><br /></strong>


</p>

<p><label for="nom"><b>Prénom<b><span class="Style3">*</span> :</label><input id="nom" name="nom" type="text" /><br /></strong>
<p>-------------------------------------------</p>
<p><label for="nom"><b>Adresse mail<b><span class="Style3">*</span> :</label><input id="nom" name="nom" type="text" /><br /></strong>


</p> 


Alors qu'il faut que ce soit (j'ai mis en gras les changements) :

<p><label for="nom"><b>Nom<b><span class="Style3">*</span> :</label><input id="nom" name="nom" type="text" /><br /></p>

<p><label for="prenom"><b>Prénom<b><span class="Style3">*</span> :</label><input id="prenom" name="prenom" type="text" /><br /></p>
<p>-------------------------------------------</p>
<p><label for="mail"><b>Adresse mail<b><span class="Style3">*</span> :</label><input id="mail" name="mail" type="text" /><br /></p>


Vérifie aussi que tu fermes bien chaque balise <p> par un </p> et pas par un </strong>.
0
Utilisateur anonyme
17 janv. 2011 à 13:52
DONC j'ai bien remplie les id par le nom ,adresse ....
et changer les </strong> par <p />


y'a bien un endroit ou on mais notre mail pour que ça vas directement dans notre boite mail ?


car la page une fois appuyer sur envoyer je reçois le message : Page Web introuvable
0
Eastchild Messages postés 318 Date d'inscription lundi 23 juillet 2007 Statut Membre Dernière intervention 28 mars 2012 31
17 janv. 2011 à 14:53
alors, il ne faut pas mettre des <p/> mais des </p>.

Après, lorsque tu cliques sur envoyer, tu es rediriger vers la page essaie.php, est-ce que cette page existe ?
0
Utilisateur anonyme
17 janv. 2011 à 15:09
effectivement y'a écrit a la fin essaie.php
0
Utilisateur anonyme
18 janv. 2011 à 10:22
ça commence a être bon ?
et sinon comment je continue Eastchild ?
0
Eastchild Messages postés 318 Date d'inscription lundi 23 juillet 2007 Statut Membre Dernière intervention 28 mars 2012 31
18 janv. 2011 à 14:25
Pour pouvoir continuer, il va falloir faire du php et écrire la page essaie.php

Le lien de Bonleponge est à lire.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Pour compléter la réponse de txiki, je t'envoie sur ce tuto : https://openclassrooms.com/fr/courses/918836-concevez-votre-site-web-avec-php-et-mysql/913099-transmettez-des-donnees-avec-les-formulaires qui parle des formulaires en PHP avec la récupération des données..

Ensuite fait une petite recherche de la fonction mail() en PHP (sur php.net par exemple qui est LA référence pour tout développeur PHP)..

Et ca devrait être suffisant ..

Fait un code que tu comprends ligne par ligne plutôt que de c/c tout ce que tu trouves ;)
0
Utilisateur anonyme
17 janv. 2011 à 16:30
je vais d'abord finir avec Eastchild après je verrais le site que je connais déja
0