Exercice HTML: Formulaire Html avec Fonction Javascript

Rédigé par GC Team, Publié le 11 Janvier 2012, Mise à jour le Samedi, 29 Août 2020 21:19
Participez au vote ☆☆☆☆☆★★★★★

Ecrire le code permettant de réaliser le Formulaire suivant:

ExerciceHTML-id2213

1
2
3
4
5
6
7
8

function affichage() {
   FenetreAffichage = window.open('','NouvelleFenetre', 'toolbar=no,status=no,width=300,height=200')
   FenetreAffichage.document.write("souvenez-vous de vos informations");
   FenetreAffichage.document.write("

Vous êtes connecté entant que : " + document.formulaire1.nom.value);
   FenetreAffichage.document.write("
Voici votre mot de passe : " + document.formulaire1.adresse.value);
   FenetreAffichage.document.write("
Et votre E-mail est : " + document.formulaire1.email.value);
   FenetreAffichage.document.write("
");
}
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>formulaire</title>
<script type="text/javascript">
function ChangeStatut(formulaire) {
if(formulaire.regagree.checked == true) {formulaire.validation.disabled = false }
if(formulaire.regagree.checked == false) {formulaire.validation.disabled = true }
}
</script> 
<script src="passparam.js"></script>
<SCRIPT LANGUAGE="JavaScript">
	function Envoyer(f) {
			f.submit();
	}
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
/* On crée une fonction de verification */
function verifForm(formulaire)
{
if(formulaire.nom.value == "") /* on detecte si saisie33 est vide */
alert('saisissez votre pseudo !!'); /* dans ce cas on lance un message d'alerte */
else
formulaire.submit(); /* sinon on envoi le formulaire */
}
</SCRIPT>

</head>

<body bgcolor="#666666" >
<script language="javascript">

</script>
<font color="#ffffcc" dir="ltr" face  ="Times New Roman" size="+6"><center><u>Remplir le formulaire</blink></u>
</center></font><br /><br /><br />
<form Action="mailto:om@hotmail.com?subject=Essaie formulaire" Method="Post" Entype="text/plain" name="formulaire1">
<center>
Nom:<br>
  <input name="n1" size="30" ><br /><br />
Prénom:<br>
<input name="prenom" size="30" ><br /><br />
Date de naissance:<br>
<select style="WIDTH: 57px"><option selected 
  >jour</option><option>--------------------</option><option>01</option><option>02</option><option>03</option><option>04</option><option>05</option><option>06</option><option>07</option><option>08</option><option>09</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option>28</option><option>29</option><option>30</option><option>31</option></select><select style="WIDTH: 58px"><option selected 
  >mois</option><option>----------------------</option><option>01</option><option>02</option><option>03</option><option>04</option><option>05</option><option>06</option><option>07</option><option>08</option><option>09</option><option>10</option><option>11</option><option>12</option>
</select><input name="annee" size="6" value="année">
<br /><br />
homme:
<input type="radio" tcheked> femme: <INPUT type="radio"><BR/>
<br />
<b>choisir un pseudo* :</b><br /> <input name="nom" size="30" /><br /><br />
<b>E-mail* :<u>exemple:votre_nom@hotmail.com</u> </b><br /> <input name="email" size="30" /><br />
<br />
<b>mot de passe* :</b> <br /><input type="password" name="adresse" size="30" >
<br /><br />
confirmer mot de passe* :<br><input type="password" name="confirmer" size="30" /><br /><br />
Ajouter votre photo:<br />

<input type="file" ><br /><br />
Exemple d'un contrat:<br /><textarea rows="6" cols="40" disabled="disabled">ce formulaire est réalisé pour vous:
pour l'essayer,remplissez le pseudo,le mot de passe,et l'e-mail
puis cliquez sur vérifiez vos informations avant de s'inscrire </textarea><br /><br />

<p><input type="checkbox" name="regagree" value="valeur" onClick="ChangeStatut(this.form)" />J'ai fais la vérification</p>

<p>
<input TYPE="button" value="Vérifier vos informations avant de s'inscrire" onClick="affichage();" />
<input type="button" name="validation" value="S'inscrire" disabled onClick="verifForm(this.form)" />
<input type="reset" value="effacer la saisie" />
<input type="button" value="fermer la fenêtre" onclick="self.close()" /></p>
<hr align="center" /><font color="#FFFFCC">Réalisé par Nous</font>  
</center>
</form>
<script language="JavaScript">

</script>
</body>
</html>