Avec quoi et comment activer un formulaire

Utilisateur anonyme -  
 Utilisateur anonyme -
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 319 Date d'inscription   Statut Membre Dernière intervention   31
 
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
 
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
 
???????
0
Eastchild Messages postés 319 Date d'inscription   Statut Membre Dernière intervention   31
 
Désolé de ma réponse un peu tardive mais oui, c'est bien ça.
0
Utilisateur anonyme
 
merci de ta réponse :D
0
Utilisateur anonyme
 
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 19254 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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
 
exact sauf que personne ne ma dit si avec notepade++ je peut utliser le php!
0
avion-f16 Messages postés 19254 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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
 
comme quel serveur ?
0
avion-f16 Messages postés 19254 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Pour tester sur ton PC, tu peux installer Wampserver ou Xampp.
0
Utilisateur anonyme
 
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 6596 Date d'inscription   Statut Contributeur Dernière intervention   521
 
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
 
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 319 Date d'inscription   Statut Membre Dernière intervention   31
 
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
 
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 319 Date d'inscription   Statut Membre Dernière intervention   31
 
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
 
effectivement y'a écrit a la fin essaie.php
0
Utilisateur anonyme
 
ça commence a être bon ?
et sinon comment je continue Eastchild ?
0
Eastchild Messages postés 319 Date d'inscription   Statut Membre Dernière intervention   31
 
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
Bobleponge
 
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
 
je vais d'abord finir avec Eastchild après je verrais le site que je connais déja
0