/fdata%2F3778403%2Favatar-blog-1150972059-tmpphpE7LqK8.jpeg){kind=avatar}
HTML-PHP:Les formulaires
Avant de débuter il faut avoir quelques notions en html et php :Créer un site web dynamique
Voici un code d'un formulaire de réservation (ou d'inscription) qui permet d'envoyer les données saisies dans un formulaire à la base de données.
Ce code est utile pour les débutants,il contient les contrôles necessaires pour les champs obligatoires.
Ce formulaire contient des champs à remplir : civilité,nom,prénom,email,adresse,code postal,ville et pays(une liste de pays et c'est à l'internaute de choisir son pays).Les champs civilité,nom,prénom et email sont obligatoires,dans le cas où l'internaute oublie de ne pas remplir l'un de ces champs un message d'erreur va s'afficher sur l'écran pour lui attirer l'attention pour qu'il puisse remplir ces champs ,s'il a bien respecté les conditions,un message s'affichera pour lui montrer que sa réservation a été effectuée avec succès et pour lui remercier .
Soit la base de données suivante:
-- Base de données: `residence1`
-- Structure de la table `clients`
CREATE TABLE `clients` (
`num_client` int(10) NOT NULL auto_increment,
`civilite` varchar(4) NOT NULL,
`nom` varchar(20) NOT NULL,
`prenom` varchar(20) NOT NULL,
`email` varchar(30) NOT NULL,
`adresse` varchar(30) NOT NULL,
`cpostal` int(6) NOT NULL,
`ville` varchar(20) NOT NULL,
`pays` varchar(20) NOT NULL,
PRIMARY KEY (`num_client`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=42 ;
Passant maintenant au code
<html>
<head>
<title>FORMULAIRE</title>
</head>
<body>
<!-- Script pour le controle des champs obigatoire !-->
<?php
$controle=1;
if (isset($_POST['envoyer']) && empty($_POST['civ']))
{ echo "<script language='javascript'> alert('Il faut selectionner votre civilté') </script>";
$controle=0;
}
if (isset($_POST['nom']) && empty($_POST['nom']))
{echo "<script language='javascript'> alert('Il faut donner votre nom') </script>";
$controle=0;
}
if (isset($_POST['prenom']) && empty($_POST['prenom']))
{echo "<script language='javascript'> alert('Il faut donner votre prenom') </script>";
$controle=0;
}
if (isset($_POST['mail']) && empty($_POST['mail']))
{echo "<script language='javascript'> alert('Il faut donner votre e-mail') </script>";
$controle=0;
}
?><!-- Fin du Script pour le controle des champs obigatoire !-->
<table>
<tr>
<td colspan="4">
copyright loviso's blog © http://loviso.overblog.com
</td>
</tr>
<tr>
<td colspan="4">
<center><b><h2>FORMAULAIRE DE RESERVATION</h2></b></center>
<br>
</td>
</tr>
<tr>
<td colspan="4">
<br>
<b>Merci de saisir vos coordonnées avant de valider en cliquant sur le bouton RESERVER.</b>
<br>
</td>
</tr>
<form action="formulaire.php" method="post">
<tr>
<td>
Civilité (**)
</td>
<td>
<input type="radio" name="civ" value="M" >M
<input type="radio" name="civ" value="Mme" >Mme
<input type="radio" name="civ" value="Mlle" >Mlle
</td>
</tr>
<br><br>
<tr>
<td>
Nom(**)
</td>
<td>
<input type="text" name="nom" size="30" maxlength="20" value="<?php if(isset($_POST['nom'])) echo $_POST['nom']; ?>">
</td>
</tr>
<br><br>
<tr>
<td>
Prénom(**)
</td>
<td>
<input type="text" name="prenom" size="30" maxlegth="20" value="<?php if(isset($_POST['prenom'])) echo $_POST['prenom']; ?>">
</td>
</tr>
<br><br>
<tr>
<td>
Email(**)
</td>
<td>
<input type="text" name="mail" size="30" maxlength="30" value="<?php if(isset($_POST['mail'])) echo $_POST['mail']; ?>">
</td>
</tr>
<br><br>
<tr>
<td>
Adresse </td>
<td>
<input type="text" name="adr" size="30" maxlength="30" value="<?php if(isset($_POST['adr'])) echo $_POST['adr']; ?>">
</td>
</tr>
<br><br>
<tr>
<td>
Code postal
</td>
<td>
<input type="text" name="cdp" size="10" maxlength="6" value="<?php if(isset($_POST['cdp'])) echo $_POST['cdp']; ?>">
</td>
</tr>
<br><br>
<tr>
<td>
Ville
</td>
<td>
<input type="text" name="ville" size="25" maxlength="20" value="<?php if(isset($_POST['ville'])) echo $_POST['ville']; ?>">
</td>
</tr>
<br><br>
<tr>
<td>
Pays
</td>
<td>
<select name="country" id="country" class="" tabindex="7">
<option value="" >Select One</option>
<option value="af" >Afghanistan</option>
<option value="ax" >Îles Åland</option>
<option value="al" >Albanie</option>
<option value="dz" >Algérie</option>
<option value="as" >Samoa américaines</option>
<option value="ad" >Andorre</option>
<option value="ao" >Angola</option>
<option value="ai" >Anguilla</option>
<option value="aq" >Antarctique</option>
<option value="ag" >Antigua-et-Barbuda</option>
<option value="ar" >Argentine</option>
<option value="am" >Arménie</option>
<option value="aw" >Aruba</option>
<option value="au" >Australie</option>
<option value="at" >Autriche</option>
<option value="az" >Azerbaïdjan</option>
<option value="bs" >Bahamas</option>
<option value="bh" >Bahreïn</option>
<option value="bd" >Bangladesh</option>
<option value="bb" >Barbade</option>
<option value="by" >Biélorussie</option>
<option value="be" >Belgique</option>
<option value="bz" >Belize</option>
<option value="bj" >Bénin</option>
<option value="bm" >Bermudes</option>
<option value="bt" >Bhoutan</option>
<option value="bo" >Bolivie</option>
<option value="ba" >Bosnie-Herzégovine</option>
<option value="bw" >Botswana</option>
<option value="bv" >Île Bouvet</option>
<option value="br" >Brésil</option>
<option value="io" >Territoire britannique de l'Océan Indien</option>
<option value="vg" >Îles Vierges britanniques</option>
<option value="bn" >Brunei</option>
<option value="bg" >Bulgarie</option>
<option value="bf" >Burkina Faso</option>
<option value="bi" >Burundi</option>
<option value="kh" >Cambodge</option>
<option value="cm" >Cameroun</option>
<option value="ca" >Canada</option>
<option value="cv" >Cap Vert</option>
<option value="ky" >Îles Caïmans</option>
<option value="cf" >République Centrafricaine</option>
<option value="td" >Tchad</option>
<option value="cl" >Chili</option>
<option value="cn" >Chine</option>
<option value="cx" >Île Christmas</option>
<option value="cc" >Îles des Cocos (Keeling)</option>
<option value="co" >Colombie</option>
<option value="km" >Comores</option>
<option value="cg" >République du Congo</option>
<option value="ck" >Îles Cook</option>
<option value="cr" >Costa Rica</option>
<option value="hr" >Croatie</option>
<option value="cu" >Cuba</option>
<option value="cy" >Chypre</option>
<option value="cz" >République tchèque</option>
<option value="cd" >République démocratique du Congo</option>
<option value="dk" >Danemark</option>
<option value="xx" >Territoire disputé</option>
<option value="dj" >Djibouti</option>
<option value="dm" >Dominique</option>
<option value="do" >République Dominicaine</option>
<option value="tl" >Timor oriental</option>
<option value="ec" >Équateur</option>
<option value="eg" >Égypte</option>
<option value="sv" >El Salvador</option>
<option value="gq" >Guinée équatoriale</option>
<option value="er" >Érythrée</option>
<option value="ee" >Estonie</option>
<option value="et" >Éthiopie</option>
<option value="fk" >Îles Malouines</option>
<option value="fo" >Îles Féroé</option>
<option value="fm" >Etats fédérés de Micronésie</option>
<option value="fj" >Fidji</option>
<option value="fi" >Finlande</option>
<option value="fr" >France</option>
<option value="gf" >Guyane française</option>
<option value="pf" >Polynésie française</option>
<option value="tf" >Terres australes et antarctiques françaises</option>
<option value="ga" >Gabon</option>
<option value="gm" >Gambie</option>
<option value="ge" >Géorgie</option>
<option value="de" >Allemagne</option>
<option value="gh" >Ghana</option>
<option value="gi" >Gibraltar</option>
<option value="gr" >Grèce</option>
<option value="gl" >Groenland</option>
<option value="gd" >Grenade</option>
<option value="gp" >Guadeloupe</option>
<option value="gu" >Guam</option>
<option value="gt" >Guatemala</option>
<option value="gn" >Guinée</option>
<option value="gw" >Guinée-Bissau</option>
<option value="gy" >République du Guyana</option>
<option value="ht" >Haïti</option>
<option value="hm" >Territoire des îles Heard et McDonald</option>
<option value="hn" >Honduras</option>
<option value="hk" >Hong-Kong</option>
<option value="hu" >Hongrie</option>
<option value="is" >Islande</option>
<option value="in" >Inde</option>
<option value="id" >Indonésie</option>
<option value="ir" >Iran</option>
<option value="iq" >Iraq</option>
<option value="xe" >Zone neutre entre l'Iraq et l'Arabie saoudite</option>
<option value="ie" >Irlande</option>
<option value="il" >Israël</option>
<option value="it" >Italie</option>
<option value="ci" >Côte d'Ivoire</option>
<option value="jm" >Jamaïque</option>
<option value="jp" >Japon</option>
<option value="jo" >Jordanie</option>
<option value="kz" >Kazakhstan</option>
<option value="ke" >Kenya</option>
<option value="ki" >Kiribati</option>
<option value="kw" >Koweït</option>
<option value="kg" >Kirghizstan</option>
<option value="la" >Laos</option>
<option value="lv" >Lettonie</option>
<option value="lb" >Liban</option>
<option value="ls" >Lesotho</option>
<option value="lr" >Libéria</option>
<option value="ly" >Libye</option>
<option value="li" >Liechtenstein</option>
<option value="lt" >Lituanie</option>
<option value="lu" >Luxembourg</option>
<option value="mo" >Macao</option>
<option value="mk" >Macédoine</option>
<option value="mg" >Madagascar</option>
<option value="mw" >Malawi</option>
<option value="my" >Malaisie</option>
<option value="mv" >Maldives</option>
<option value="ml" >Mali</option>
<option value="mt" >Malte</option>
<option value="mh" >Îles Marshall</option>
<option value="mq" >Martinique</option>
<option value="mr" >Mauritanie</option>
<option value="mu" >Île Maurice</option>
<option value="yt" >Mayotte</option>
<option value="mx" >Mexique</option>
<option value="md" >Moldavie</option>
<option value="mc" >Monaco</option>
<option value="mn" >Mongolie</option>
<option value="ms" >Montserrat</option>
<option value="ma" >Maroc</option>
<option value="mz" >Mozambique</option>
<option value="mm" >Myanmar</option>
<option value="na" >Namibie</option>
<option value="nr" >Nauru</option>
<option value="np" >Népal</option>
<option value="nl" >Pays-Bas</option>
<option value="an" >Antilles néerlandaises</option>
<option value="nc" >Nouvelle-Calédonie</option>
<option value="nz" >Nouvelle-Zélande</option>
<option value="ni" >Nicaragua</option>
<option value="ne" >Niger</option>
<option value="ng" >Nigeria</option>
<option value="nu" >Nioué</option>
<option value="nf" >Îles Norfolk</option>
<option value="kp" >Corée du Nord</option>
<option value="mp" >Îles Mariannes du Nord</option>
<option value="no" >Norvège</option>
<option value="om" >Oman</option>
<option value="pk" >Pakistan</option>
<option value="pw" >Palau</option>
<option value="ps" >Territoires occupés palestiniens</option>
<option value="pa" >Panama</option>
<option value="pg" >Papouasie-Nouvelle-Guinée</option>
<option value="py" >Paraguay</option>
<option value="pe" >Pérou</option>
<option value="ph" >Philippines</option>
<option value="pn" >Îles Pitcairn</option>
<option value="pl" >Pologne</option>
<option value="pt" >Portugal</option>
<option value="pr" >Porto Rico</option>
<option value="qa" >Qatar</option>
<option value="re" >Réunion</option>
<option value="ro" >Roumanie</option>
<option value="ru" >Russie</option>
<option value="rw" >Rwanda</option>
<option value="sh" >Sainte-Hélène et dépendances</option>
<option value="kn" >Saint-Kitts-et-Nevis</option>
<option value="lc" >Sainte-Lucie</option>
<option value="pm" >Saint-Pierre-et-Miquelon</option>
<option value="vc" >Saint-Vincent-et-les-Grenadines</option>
<option value="ws" >Samoa</option>
<option value="sm" >Saint-Marin</option>
<option value="st" >Sao Tomé-et-Principe</option>
<option value="sa" >Arabie saoudite</option>
<option value="sn" >Sénégal</option>
<option value="cs" >Serbie-et-Monténégro</option>
<option value="sc" >Seychelles</option>
<option value="sl" >Sierra Leone</option>
<option value="sg" >Singapour</option>
<option value="sk" >Slovaquie</option>
<option value="si" >Slovénie</option>
<option value="sb" >Îles Salomon</option>
<option value="so" >Somalie</option>
<option value="za" >Afrique du Sud</option>
<option value="gs" >Îles Géorgie du Sud et Sandwich du Sud</option>
<option value="kr" >Corée du Sud</option>
<option value="es" >Espagne</option>
<option value="pi" >Îles Spratly</option>
<option value="lk" >Sri Lanka</option>
<option value="sd" >Soudan</option>
<option value="sr" >Suriname</option>
<option value="sj" >Îles Svalbard et Jan Mayen</option>
<option value="sz" >Swaziland</option>
<option value="se" >Suède</option>
<option value="ch" >Suisse</option>
<option value="sy" >Syrie</option>
<option value="tw" >Taïwan</option>
<option value="tj" >Tadjikistan</option>
<option value="tz" >Tanzanie</option>
<option value="th" >Thaïlande</option>
<option value="tg" >Togo</option>
<option value="tk" >Îles Tokelau</option>
<option value="to" >Tonga</option>
<option value="tt" >Trinité-et-Tobago</option>
<option value="tn" SELECTED >Tunisie</option>
<option value="tr" >Turquie</option>
<option value="tm" >Turkménistan</option>
<option value="tc" >Îles Turques et Caïques</option>
<option value="tv" >Tuvalu</option>
<option value="ug" >Ouganda</option>
<option value="ua" >Ukraine</option>
<option value="ae" >Émirats arabes unis</option>
<option value="uk" >Royaume-Uni</option>
<option value="xd" >Zone neutre des Nations Unies</option>
<option value="us" >Etats-Unis d'Amérique</option>
<option value="um" >Îles mineures éloignées des États-Unis</option>
<option value="uy" >Uruguay</option>
<option value="vi" >Îles Vierges américaines</option>
<option value="uz" >Ouzbékistan</option>
<option value="vu" >Vanuatu</option>
<option value="va" >Vatican</option>
<option value="ve" >Venezuela</option>
<option value="vn" >Vietnam</option>
<option value="wf" >Wallis-et-Futuna</option>
<option value="eh" >Sahara Occidental</option>
<option value="ye" >Yémen</option>
<option value="zm" >Zambie</option>
<option value="zw" >Zimbabwe</option>
</select>
</td>
</tr>
<br><br>
<tr>
<td>
<input type="submit" value="RESERVER" name="envoyer">
</td>
</tr>
</form>
</table>
<?php
if(isset($_POST['envoyer'])&& $controle ==1 )
{$requete1 = "insert into clients(num_client,civilite,nom,prenom,email,adresse,cpostal,ville,pays)
values('','$_POST[civ]','$_POST[nom]','$_POST[prenom]','$_POST[mail]','$_POST[adr]','$_POST[cdp]','$_POST[ville]','$_POST[country]')";
$dbprotect = mysql_pconnect("localhost","root", "") or trigger_error(mysql_error(),E_USER_ERROR);
mysql_select_db('residence1', $dbprotect);
$result = mysql_query($requete1,$dbprotect) or die(mysql_error());
echo "<script language='javascript'> alert('votre demande a été enregistré avec succée.Merci de votre confiance ') </script> ";
}
?>
<?
$a=$_cookie["nom"];
$b=$_cookie["prenom"];
$c=$_cookie["mail"];
setcookies("nom","$a",mktime()+100000);
setcookies("prenom","$b",mktime()+100000);
setcookies("mail","$c",mktime()+100000);
echo" cher(e) $a $b votre mail est $c vous etes deja inscrit";
?>
<center><font size=-1>(**) Champ à renseigner obligatoirement</font></center>
</body>
</html>
**********************************************************************************************************************************
Voici qu'est ce qu'on obtient :
Controle sur les champs obligatoires
Si l'internaute a oublié de choisir sa civilité,un message d'erreur s'affiche aprés l'appuie sur le bouton réserver:
Si l'internaute a oublié de saisir son nom,un message d'erreur s'affiche aprés l'appuie sur le bouton réserver:
- Un même message s'affiche si l'internaute a oublié de saisir son prénom (il faut donner votre prénom)
- Un même message s'affiche si l'internaute a oublié de saisir son email (il faut donner votre adresse email)
/image%2F1053887%2F20170329%2Fob_c46b40_capture.PNG)
/image%2F1053887%2F20150612%2Fob_2fc584_playstore-icon.png){kind=icon}
/image%2F1053887%2F20150612%2Fob_f8108b_playstore-icon.png){kind=icon}
/image%2F1053887%2F20150420%2Fob_bdbb76_icon.png){kind=icon}
Abonnez-vous pour être averti des nouveaux articles publiés.
- 30 Informatique
- 22 Histoire & Civilisations
- 16 Tunisie-Maghreb
- 12 Films-Movies
- 10 Fêtes
- 5 Books-Livres-كتب
- 5 religion islam
- 4 Societé&culture
- 3 Sports
- 3 islam
- 2 Earth-Terre
- 2 mobile apps
- 2 religion
- 1 Android apps
- 1 Animaux
- 1 Coran
- 1 android apps
- 1 collecte Coran
- 1 conquête islam
- 1 coran et science
- 1 expansion islam
- 1 film
- 1 science islam
