Come posso inserire un pulsante di stampa che consente di stampare un modulo in una pagina web

Question

Quindi, consente di dire che ho ottenuto una forma semplice all'interno di una pagina come questa:

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

Voglio aggiungere un pulsante in modo che quando l'utente fa clic su appare la finestra di dialogo Stampa del browser, come posso fare?

Modifica: voglio stampare il modulo, non la pagina.

Answer 1

stampa pagina intera

provare ad aggiungere un tasto che richiama window.print()

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

Stampare una specifica porzione/contenitore in una pagina

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

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

poi in HTML file del componente aggiuntivo questo codice di 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(); 
} 

si riferiscono Print <div id=printarea></div> only?

Answer 2

Quello che vi serve è il 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(); 
    }); 
}); 

Answer 3

Per stampare con pulsante di invio, aggiungere questo al vostro vertice script:

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

Tenete a mente, questo innescherà solo qualunque sia il browser implementate print funzionalità sono disponibili sul client.