web-dev-qa-db-fra.com

Comment puis-je insérer un bouton Imprimer qui imprime un formulaire dans une page Web

Alors, disons que j'ai un formulaire simple dans une page comme celle-ci: 

<form style="text-align:center;">
    <p> STUFF </p>
</form>

Je veux ajouter un bouton. Lorsque l'utilisateur clique dessus, la boîte de dialogue Imprimer du navigateur apparaît. Comment puis-je le faire? 

Edit: Je veux imprimer le formulaire, pas la page.

15
user2962142

Imprimer la page entière

Essayez d'ajouter un bouton qui appelle window.print()

<input type="button" value="Print this page" onClick="window.print()">

Imprimer une portion/un conteneur spécifique dans une page

<div id="print-content">
 <form>

  <input type="button" onclick="printDiv('print-content')" value="print a div!"/>
</form>
</div>

puis dans le fichier HTML ajouter ce code de script

<script type="text/javascript">
    function printDiv(divName) {
        var printContents = document.getElementById(divName).innerHTML;
        w=window.open();
        w.document.write(printContents);
        w.print();
        w.close();
    }

Référez-vous Imprimer <div id = "printarea"> </ div> seulement?

30
Murali Murugesan

Ce dont vous avez besoin est la window.print():

<form style="text-align:center;">

  <p> STUFF </p>

  <a href="#" id="lnkPrint">Print</a>
</form>

Javascript: 

$( document ).ready(function() {
    $('#lnkPrint').click(function()
     {
         window.print();
     });
});
2