如何插入在网页中打印表单的"打印"按钮

Question

所以,假设我在这样的页面中有一个简单的表单:

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

我想添加一个按钮,所以当用户点击它时,浏览器的"打印"对话框会出现,我该怎么做？

编辑:我想打印表单,而不是页面.

Answer 1

打印整页

尝试添加一个调用按钮 window.print()

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

在页面中打印特定部分/容器

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

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

然后在HTML文件中添加此脚本代码

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

仅参考Print <div id ="printarea"> </ div>？