assistance formulaire htm

**donna3** · 02/01/2008, 14h18

Bonjour à tous,

Je suis totalement novice en html et en développement tout court.
Dans le cadre de mon travail, je dois évaluer la satisfaction des utilisateurs sur la qualité du helpdesk.
Pour ce faire j'ai réalisé (ou tenté de réaliser) un formulaire html.

Je vous copie/colle le contenu ci-dessous :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<html>
<head>
<title>
<Votre avis nous intéresse...
</title>
</head>
<form name="enquete" action="mailto:adresse@mail.com" method="post" enctype="text/plain">
<b>Appréciation globale du service rendu :</b>
<input type="radio" name="global" value="1">Pas du tout satisfait
<input type="radio" name="global" value="2">Peu satisfait
<input type="radio" name="global" value="3">Plutôt satisfait
<input type="radio" name="global" value="4">Très satisfait
 
<b>Qualité de l'accueil téléphonique :</b>
<input type="radio" name="accueil" value="1">Pas du tout satisfait
<input type="radio" name="accueil" value="2">Peu satisfait
<input type="radio" name="accueil" value="3">Plutôt satisfait
<input type="radio" name="accueil" value="4">Très satisfait
 
<b>Information sur l'état d'avancement de votre demande :</b>
<input type="radio" name="statut" value="1">Pas du tout satisfait
<input type="radio" name="statut" value="2">Peu satisfait
<input type="radio" name="statut" value="3">Plutôt satisfait
<input type="radio" name="statut" value="4">Très satisfait
 
<b>Durée globale du traitement de votre demande :</b>
<input type="radio" name="duree" value="1">Pas du tout satisfait
<input type="radio" name="duree" value="2">Peu satisfait
<input type="radio" name="duree" value="3">Plutôt satisfait
<input type="radio" name="duree" value="4">Très satisfait
 
<b>Qualité technique de l'intervention :</b>
<input type="radio" name="qualite" value="1">Pas du tout satisfait
<input type="radio" name="qualite" value="2">Peu satisfait
<input type="radio" name="qualite" value="3">Plutôt satisfait
<input type="radio" name="qualite" value="4">Très satisfait
 
<b>Qualité de l'assistance à la prise en main :</b>
<input type="radio" name="pad" value="1">Pas du tout satisfait
<input type="radio" name="pad" value="2">Peu satisfait
<input type="radio" name="pad" value="3">Plutôt satisfait
<input type="radio" name="pad" value="4">Très satisfait
 
<b>Si vous avez des commentaires (180 car. maximum):</b>
<textarea name="commentaires" cols="60" rows="12"></textarea>
 
<input type="submit" value="Envoyer">
<input type="reset" value="Effacer">
</form>
</html>

Malheureusement ça ne fonctionne pas et je ne sais pas du tout comment cela s'affiche de façon à ce que les utilisateurs puissent cocher les cases qui les intéressent etc.
en fait je me suis inspirée d'un site mais à mon avis j'ai dû me tromper quelque part.

Quelqu'un aurait il une idée sur par où je dois commencer et ce que je dois faire précisément ?

Je vous remercie infiniment pour l'aide que vous pourrez m'apporter.

donna

**Jannus** · 02/01/2008, 15h04

Qu'est-ce qui ne fonctionne pas ?

En attendant, ajoute (code "à la ligne") à chaque fn de ligne pour la présentation

**Kerod** · 02/01/2008, 15h08

+1 pour la question
Sinon puis-je te proposer d'utiliser le PHP pour l'envoi du mail ? Ca évitera au client d'ouvrir un éditeur spécifique pour ce fameux envoi.

@Guardian : pourquoi un br ? Je proposerai plutôt un entourant chaque bloc

**Jannus** · 02/01/2008, 15h20

Il faudra quand même un saut de ligne après chaque ligne non ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<b>Appréciation globale du service rendu :</b>
<input type="radio" name="global" value="1">Pas du tout satisfait
<input type="radio" name="global" value="2">Peu satisfait
<input type="radio" name="global" value="3">Plutôt satisfait
<input type="radio" name="global" value="4">Très satisfait

comme c'est là, tout est en un bloc non structuré

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<b>Appréciation globale du service rendu :</b><BR>
<input type="radio" name="global" value="1">Pas du tout satisfait<BR>
<input type="radio" name="global" value="2">Peu satisfait<BR>
<input type="radio" name="global" value="3">Plutôt satisfait<BR>
<input type="radio" name="global" value="4">Très satisfait<BR><BR>

permet d'avoir un bouton par ligne

Après tu regroupes les blocs en ou <DIV> ou tu sépares avec des , chacun ses manies et je ne prétends pas du tout être qualifié en HTML

[Édit] le problème c'est que cette méthode expédie le formulaire via le client couriel installé. Il faudrait utiliser du PHP mais...

**Kerod** · 02/01/2008, 15h28

Mais supposons qu'il veuille justement tout mettre sur la même ligne (comme tous les formulaires)

. Un br ne sera pas le bienvenue.

C'est pour quoi je propose un pour délimiter chaque ligne

**donna3** · 02/01/2008, 15h29

Bonjour et merci pour vos réponses (super rapides) je vais tâcher de les intégrer.

En fait ce qui ne fonctionne pas ou ce que j'aimerai faire c'est que lorsque l'utilisateur ouvre ce questionnaire il voit les question et les cases à cocher devant chaque réponse proposée.

Or, quand j'ouvre le .htm j'ai exactement le code que j'ai tapé qui s'affiche...

Merci beaucoup.

**Kerod** · 02/01/2008, 15h31

Hmmm normal tu dois tout mettre dans un body :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<html>
<head>
<title>
<Votre avis nous intéresse...
</title>
</head>
<body>
<form name="enquete" action="mailto:adresse@mail.com" method="post" enctype="text/plain">
<b>Appréciation globale du service rendu :</b>
<input type="radio" name="global" value="1">Pas du tout satisfait
<input type="radio" name="global" value="2">Peu satisfait
<input type="radio" name="global" value="3">Plutôt satisfait
<input type="radio" name="global" value="4">Très satisfait
 
<b>Qualité de l'accueil téléphonique :</b>
<input type="radio" name="accueil" value="1">Pas du tout satisfait
<input type="radio" name="accueil" value="2">Peu satisfait
<input type="radio" name="accueil" value="3">Plutôt satisfait
<input type="radio" name="accueil" value="4">Très satisfait
 
<b>Information sur l'état d'avancement de votre demande :</b>
<input type="radio" name="statut" value="1">Pas du tout satisfait
<input type="radio" name="statut" value="2">Peu satisfait
<input type="radio" name="statut" value="3">Plutôt satisfait
<input type="radio" name="statut" value="4">Très satisfait
 
<b>Durée globale du traitement de votre demande :</b>
<input type="radio" name="duree" value="1">Pas du tout satisfait
<input type="radio" name="duree" value="2">Peu satisfait
<input type="radio" name="duree" value="3">Plutôt satisfait
<input type="radio" name="duree" value="4">Très satisfait
 
<b>Qualité technique de l'intervention :</b>
<input type="radio" name="qualite" value="1">Pas du tout satisfait
<input type="radio" name="qualite" value="2">Peu satisfait
<input type="radio" name="qualite" value="3">Plutôt satisfait
<input type="radio" name="qualite" value="4">Très satisfait
 
<b>Qualité de l'assistance à la prise en main :</b>
<input type="radio" name="pad" value="1">Pas du tout satisfait
<input type="radio" name="pad" value="2">Peu satisfait
<input type="radio" name="pad" value="3">Plutôt satisfait
<input type="radio" name="pad" value="4">Très satisfait
 
<b>Si vous avez des commentaires (180 car. maximum):</b>
<textarea name="commentaires" cols="60" rows="12"></textarea>
 
<input type="submit" value="Envoyer">
<input type="reset" value="Effacer">
</form>
</body>
</html>

**donna3** · 02/01/2008, 15h38

Merci beaucoup j'essaye de ce pas...

[Edit]
aaargl

ben c'est toujours pareil c'est toujours le code qui s'affiche.
j'ai oublié de préciser que j'avais fait ça sous Frontpage 2003, ça change qqch ?

merci pour vos réponses

**Kerod** · 02/01/2008, 15h43

Bon attends

**donna3** · 02/01/2008, 15h47

Merci beaucoup à tout de suite.

**Kerod** · 02/01/2008, 15h48

Voilà ça fonctionne. Je pense que le soucis venait de ton < dans title ce qui causait un soucis lors du parsage du code.

J'ai quelque peu modifié ton code mais ça change pas grand chose sauf l'affichage.
Pour le contenu du textarea il faudrait utiliser du javascript pour vérifier le nombre de caractères.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<html>
<!-- Date de création: 02/01/2008 -->
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <title>Votre avis nous intéresse...</title>
</head>
<body>
    <form name="enquete" action="mailto:adresse@mail.com" method="post" enctype="text/plain">
        <p>
            <b>Appréciation globale du service rendu :</b>
            <input type="radio" name="global" value="1">Pas du tout satisfait
            <input type="radio" name="global" value="2">Peu satisfait
            <input type="radio" name="global" value="3">Plutôt satisfait
            <input type="radio" name="global" value="4">Très satisfait
        </p> 
        <p>
            <b>Qualité de l'accueil téléphonique :</b>
            <input type="radio" name="accueil" value="1">Pas du tout satisfait
            <input type="radio" name="accueil" value="2">Peu satisfait
            <input type="radio" name="accueil" value="3">Plutôt satisfait
            <input type="radio" name="accueil" value="4">Très satisfait
        </p> 
        <p>
            <b>Information sur l'état d'avancement de votre demande :</b>
            <input type="radio" name="statut" value="1">Pas du tout satisfait
            <input type="radio" name="statut" value="2">Peu satisfait
            <input type="radio" name="statut" value="3">Plutôt satisfait
            <input type="radio" name="statut" value="4">Très satisfait
        </p> 
        <p>
            <b>Durée globale du traitement de votre demande :</b>
            <input type="radio" name="duree" value="1">Pas du tout satisfait
            <input type="radio" name="duree" value="2">Peu satisfait
            <input type="radio" name="duree" value="3">Plutôt satisfait
            <input type="radio" name="duree" value="4">Très satisfait
        </p> 
        <p> 
            <b>Qualité technique de l'intervention :</b>
            <input type="radio" name="qualite" value="1">Pas du tout satisfait
            <input type="radio" name="qualite" value="2">Peu satisfait
            <input type="radio" name="qualite" value="3">Plutôt satisfait
            <input type="radio" name="qualite" value="4">Très satisfait
        </p> 
        <p> 
            <b>Qualité de l'assistance à la prise en main :</b>
            <input type="radio" name="pad" value="1">Pas du tout satisfait
            <input type="radio" name="pad" value="2">Peu satisfait
            <input type="radio" name="pad" value="3">Plutôt satisfait
            <input type="radio" name="pad" value="4">Très satisfait
        </p> 
        <p> 
            <b>Si vous avez des commentaires (180 car. maximum):</b>
            <br>
            <textarea name="commentaires" cols="60" rows="12"></textarea>
        </p> 
        <p> 
            <input type="submit" value="Envoyer">
            <input type="reset" value="Effacer">
        </p>
</form>
</body>
</html>

Il te reste plus qu'à choisir ton entête HTML

**donna3** · 02/01/2008, 15h53

Waouh c'est super sympa j'essaye tout de suite et je te dis si ça fonctionne...

[Edit]
Sincèrement je suis hyper nulle car ce n'est absolument pas mon domaine mais j'aimerais bien ne plus avoir à poser ce genre de questions nunuches sur les forums...
Qu'est ce que l'en-tête html ? Comment je dois le choisir ?
Car pour l'instant quand j'ouvre le fichier htm j'ai toujours le code qui s'affiche...

**Kerod** · 02/01/2008, 16h02

TU l'ouvres où ton fichier ?

Pour l'entête : À quoi ça sert de déclarer un doctype (DTD) ?
Quel doctype déclarer en début de page ?

**donna3** · 02/01/2008, 16h06

Mon document est enregistré dans "mes document" et je l'ouvre avec IE6.
Je sais pas si c'est ce que tu attends comme réponse.

**Kerod** · 02/01/2008, 16h21

Alors c'est qu'il doit y avoir un soucis car je l'ai testé avec un navigateur équivalent à IE6 et l'affichage se fait correctement.

Tu n'as pas un autre navigateur sous la main ? Style Firefox.

Ton navigateur IE6 autorise bien l'affichage des pages web sur le disque ? Il n'a pas trop de sécurité ?

SI tu as un serveur ? si oui mets le dessus pour tester ou pour demander à une autre personne de le faire.

**donna3** · 02/01/2008, 16h26

merci pour ton aide je vais tester avec firefox.
encore une tite question : comment fais-tu pour l'ouvrir ?

**donna3** · 02/01/2008, 16h33

Que dois-je mettre dans l'en tete html ?
En effet j'ai ouvert mon formulaire avec firefox et çà me donne exactement la même chose...

**Jannus** · 02/01/2008, 16h44

Si je puis me permettre FrontPage génère un tas de code "parasite" (sauf évolution depuis que je l'ai testé et ça remonte)
Je te conseille WebExpert disponible gratuitement pour les membres : http://www.developpez.net/forums/sho...d.php?t=216647

ps : tu as copier/collé le code de Kerod qui se trouve ci-dessus ?

**Kerod** · 02/01/2008, 16h46

Pour le moment tu peux mettre juste ceci avant <html>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">

**donna3** · 02/01/2008, 16h46

oui j'ai fait le copier/coller.
Malheureusement je ne sais pas sur quelle critère on choisit l'en-tête. Saurais-tu me le dire ?
en tout cas je vais essayer webexpert...

merci pour ton aide.

assistance formulaire htm

HTML

Discussions similaires

Partager

Partager