Mon formulaire n'est pas envoyé

Version imprimable

Bonjour,
Je voudrai envoyer un formulaire (inséré dans un site hébergé par FREE) mais n'y parvient pas:
Ou le message ne part pas.
Ou le "type radio" ne fonctionne pas.

Code:

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
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
</head>
<body text="#008080" bgcolor="#DDFFFF"> 
 
<SCRIPT LANGUAGE="JavaScript">
	function Envoyer(f) {
			f.submit();
	}
</SCRIPT>
 
 
<body>
 
<style>
[type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
/* IMAGE STYLES */
[type=radio] + img {
  cursor: pointer;
}
/* CHECKED STYLES */
[type=radio]:checked + img {
  outline: 2px solid #008080;
}
</style>
 
 
<label>
  <input type="radio" name="vote" value="Bon" checked>
  <img src="../images/like/oui.gif">
</label>
 
<label>
  <input type="radio" name="vote" value="Moyen">
  <img src="../images/like/moyen.gif">
</label>
 
<label>
  <input type="radio" name="vote" value="Mauvais">
  <img src="../images/like/non.gif">
</label>
 
 
 
<div class="button">
        <button type="submit">Envoyer</button>
    </div>
 
 
</body>
 
</html>

Toute aide sera la bienvenue.
Merci d'avance.

23/11/2018, 10h11
NoSmoking

Bonjour,
on ne voit nulle part de formulaire dans ton code <form action="la_page"> et de plus ta fonction Envoyer(f) n'est pas utilisée donc difficile d'envoyé un formulaire qui n'existe pas.

Au passage supprime l'attribut LANGUAGE="JavaScript" de ta balise <script> celui-ci étant obsolète, et pendant que l'on y est ajoute un <!DOCTYPE html> en tête de ton fichier.

Presque bon

Bonjour,
Avec des petites modifs je réussi à envoyer et recevoir dans ma boite mail le message sous " Firefox" , "Edge", "Chrome"
MAIS sous "Explorer", je ne peux pas choisir un autre bouton que celui déjà sélectionné avec "checked "

Code:

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
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Vote</title>
</head>
<body text="#008080" bgcolor="#DDFFFF"> 
 
<SCRIPT>
	function Envoyer(f) {
			f.submit();
	}
</SCRIPT>
 
 
<body>
 
<style>
[type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
/* IMAGE STYLES */
[type=radio] + img {
  cursor: pointer;
}
/* CHECKED STYLES */
[type=radio]:checked + img {
  outline: 2px solid #008080;
}
</style>
 
<form method="POST" action="http://perso0.free.fr/cgi-bin/form2mail.pl">
 
<label>
  <input type="radio" name="vote" value="Bon"checked>
  <img src="../images/like/oui.gif">
</label>
 
<label>
  <input type="radio" name="vote" value="Moyen">
  <img src="../images/like/moyen.gif">
</label>
 
<label>
  <input type="radio" name="vote" value="Mauvais">
  <img src="../images/like/non.gif">
</label>
 
	<input type="button" value="Envoyer" onclick="Envoyer(this.form)">
 
</form> 
 
</body>
 
</html>

Merci d'avance.
Cordialement

24/11/2018, 01h00
psychadelic

et que dit ton debugger ?

sinon puissque ça se passe sous free sur ton compte perso, il forcément un limitation du nombre de mails à envoyer dans un espace de temps. si tu déborde ça peut te faire rentrer sur la liste noire
24/11/2018, 09h42
NoSmoking
Citation:

MAIS sous "Explorer"

alors ce n'est pas surprenant, il s'agit vraiment d'un BUG !

Pour les dernières versions de IE tu peux régler le soucis en modifiant le CSS, à savoir :
• pour les <label>
Code:

1 2 3 4 label { display: inline-block; /* ajout modèle de boîte */ cursor: pointer; /* à mettre ICI */ }
• pour les <img>
Code:

1 2 3 4 5 /* IMAGE STYLES */ [type=radio] + img { /* cursor: pointer; /* supprimée reportée sur les <label> */ pointer-events: none; /* pas d’événement traité sur <img> */ }
Tu pourrais traiter cela en JavaScript mais ce n'est pas pertinent.

Remarques sur ton code :

• il y a 2 balises <body>, donc une de trop
• <body text="#008080" bgcolor="#DDFFFF"> c'est à mettre dans la partie <style> de ta page
• <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> est à remplacer avantageusement par <meta charset="UTF-8"> tu auras moins de soucis par la suite.

D'une manière général il existe des validateurs de code HTML comme : Nu Html Checker que l'on peut utiliser sans modération
24/11/2018, 13h11
Le Druide 91

Bonjour,
Merci pour votre aide, ça fonctionne impec.

PS :
Pour ce qui est de la modif de

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> est à remplacer avantageusement par <meta charset="UTF-8"> tu auras moins de soucis par la suite.

cela pose problème avec les " accents " sur le reste du site,

Cordialement.