Vous êtes sur la page 1sur 3

14/09/2017 Exercice HTML: Formulaire Html avec Fonction Javascript

Cours informatique
Cours comptabilit
Cours conomie
Cours marketing
Cours management
Cours gestion
Cours statistique
Cours finance
Cours lectricit
Annonces Google Formulaire en ligne Formulaire a remplir HTML JavaScript code

Exercice HTML: Formulaire Html avec Fonction Javascript


Annonces Google

Exercice Edificius-LAND 3D Paysage


2
Passez au logiciel de conception du paysage 3D - Tlchargez la
Formulaire
Jaime
version d'essai accasoftware.com
Partager

Ecrire le code permettant de raliser le Formulaire suivant:

1 function affichage() {
2 FenetreAffichage = window.open('','NouvelleFenetre', 'toolbar=no,status=no,width=300,height=200')
3 FenetreAffichage.document.write("souvenez-vous de vos informations");
4 FenetreAffichage.document.write("
5
6 Vous tes connect entant que : " + document.formulaire1.nom.value);
7 FenetreAffichage.document.write("
8 Voici votre mot de passe : " + document.formulaire1.adresse.value);
FenetreAffichage.document.write("
Et votre E-mail est : " + document.formulaire1.email.value);

http://www.cours-gratuit.com/exercices-html/exercice-html-formulaire-html-avec-fonction-javascript 1/3
14/09/2017 Exercice HTML: Formulaire Html avec Fonction Javascript
FenetreAffichage.document.write("
");
}

1
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
5 <title>formulaire</title>
6 <script type="text/javascript">
7 function ChangeStatut(formulaire) {
8 if(formulaire.regagree.checked == true) {formulaire.validation.disabled = false }
9 if(formulaire.regagree.checked == false) {formulaire.validation.disabled = true }
10 }
11 </script>
12 <script src="passparam.js"></script>
13 <SCRIPT LANGUAGE="JavaScript">
14 function Envoyer(f) {
15 f.submit();
16 }
17 </SCRIPT>
18 <SCRIPT LANGUAGE="JavaScript">
19 /* On cre une fonction de verification */
20 function verifForm(formulaire)
21 {
22 if(formulaire.nom.value == "") /* on detecte si saisie33 est vide */
23 alert('saisissez votre pseudo !!'); /* dans ce cas on lance un message d'alerte */
24 else
25 formulaire.submit(); /* sinon on envoi le formulaire */
26 }
27 </SCRIPT>
28
29 </head>
30
31 <body bgcolor="#666666" >
32 <script language="javascript">
33
34 </script>
35 <font color="#ffffcc" dir="ltr" face ="Times New Roman" size="+6"><center><u>Remplir le formulaire</blink></u>
36 </center></font><br /><br /><br />
37 <form Action="mailto:amine_arbitre@hotmail.com?subject=Essaie formulaire" Method="Post" Entype="text/plain" name="formulaire1">
38 <center>
39 Nom:<br>
40 <input name="n1" size="30" ><br /><br />
41 Prnom:<br>
42 <input name="prenom" size="30" ><br /><br />
43 Date de naissance:<br>
44 <select style="WIDTH: 57px"><option selected
45 >jour</option><option>--------------------</option><option>01</option><option>02</option><option>03</option><option>04</option><option>05</option><option>
46 >mois</option><option>----------------------</option><option>01</option><option>02</option><option>03</option><option>04</option><option>05</option><optio
47 </select><input name="annee" size="6" value="anne">
48 <br /><br />
49 homme:
50 <input type="radio" tcheked> femme: <INPUT type="radio"><BR/>
51 <br />
52 <b>choisir un pseudo* :</b><br /> <input name="nom" size="30" /><br /><br />
53 <b>E-mail* :<u>exemple:votre_nom@hotmail.com</u> </b><br /> <input name="email" size="30" /><br />
54 <br />
55 <b>mot de passe* :</b> <br /><input type="password" name="adresse" size="30" >
56 <br /><br />
57 confirmer mot de passe* :<br><input type="password" name="confirmer" size="30" /><br /><br />
58 Ajouter votre photo:<br />
59
60 <input type="file" ><br /><br />
61 Exemple d'un contrat:<br /><textarea rows="6" cols="40" disabled="disabled">ce formulaire est ralis pour vous:
62 pour l'essayer,remplissez le pseudo,le mot de passe,et l'e-mail
63 puis cliquez sur vrifiez vos informations avant de s'inscrire </textarea><br /><br />
64
65 <p><input type="checkbox" name="regagree" value="valeur" onClick="ChangeStatut(this.form)" />J'ai fais la vrification</p>
66
67 <p>
68 <input TYPE="button" value="Vrifier vos informations avant de s'inscrire" onClick="affichage();" />
69 <input type="button" name="validation" value="S'inscrire" disabled onClick="verifForm(this.form)" />
70 <input type="reset" value="effacer la saisie" />
71 <input type="button" value="fermer la fentre" onclick="self.close()" /></p>
72 <hr align="center" /><font color="#FFFFCC">Ralis par Nous</font>
73 </center>
74 </form>
75 <script language="JavaScript">
76
77 </script>
78 </body>
79 </html>
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104

http://www.cours-gratuit.com/exercices-html/exercice-html-formulaire-html-avec-fonction-javascript 2/3
14/09/2017 Exercice HTML: Formulaire Html avec Fonction Javascript
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145

Edi cius-LAND 3D Paysage


Passez au logiciel de conception
du paysage 3D - Tlchargez la
version d'essai

0 commentaires Trier par Les plus rcents

Ajouter un commentaire...

plugin Commentaires Facebook

Voir Aussi ...


Exercice HTML: Dbuter avec HTML
Exercice HTML: HTML Pas Pas
Exercice HTML: Simples Balises
Exercice HTML: Insertion Image
Exercice HTML: Hyperliens
Exercice HTML: Tableaux
Exercice HTML: Simple Formulaire
Exercice HTML: Ralisation d'un Formulaire de QCM
Exercice HTML: Cration Formulaire Rponse QCM
Exercice HTML: Formulaire Type

Web scraping R Pour nous contacter : ks.smartweb@gmail.com

http://www.cours-gratuit.com/exercices-html/exercice-html-formulaire-html-avec-fonction-javascript 3/3