Imprimer un formulaire HTML

Dans l'exemple suivant, un formulaire simple a été créé (code source en bleu)
avec 4 champs : Nom, Prénom, Courriel, Message

La fonction popup (code source en rouge) permet:

- d'ouvrir une fenêtre popup (open) avec des dimensions spécifiées
- d'écrire les données du formulaire dans cette fenêtre (write) à partir du nom (name) du champ (nom, prenom, courriel, message).
- d'imprimer le contenu de la fenêtre popup (print)

L'accès à la fonction popup est obtenu par le lien Imprimer (code source en vert)

Cliquer ici pour voir l'exemple

Code source de l'exemple

<html>
<head>
<title>Imprimer un formulaire</title>
<SCRIPT LANGUAGE="JavaScript">
function popup() {
w=open("",'popup','width=400,height=200,toolbar=no,scrollbars=no,resizable=yes');
w.document.write("<BODY>");
w.document.write("Nom: "+document.forms[0].elements["nom"].value+"<BR><BR>");
w.document.write("Prénom: "+document.forms[0].elements["prenom"].value+"<BR><BR>");
w.document.write("Courriel: "+document.forms[0].elements["courriel"].value+"<BR><BR>");
w.document.write("Message: "+document.forms[0].elements["message"].value+"<BR><BR>");
w.document.write("</BODY>");
w.document.close();
w.print();
}
</SCRIPT>
</head>
<body>
<form>
<p>Nom :
<input name="nom" type="text" id="nom" size="40" maxlength="40">
</p>
<p>Pr&eacute;nom :
<input name="prenom" type="text" id="prenom" size="40" maxlength="40">
</p>
<p>Courriel : <input name="courriel" type="text" id="courriel" size="40" maxlength="40">
</p>
<p>Message :<br>
<textarea name="message" cols="60" rows="6" id="message"></textarea>
</p>
</form>
<p><A HREF='javascript:popup()'>Imprimer</A></p>
</body>
</html>