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

Question

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

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

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

编辑：我想打印表格，而不是页面。

原文由 user2962142 发布，翻译遵循 CC BY-SA 4.0 许可协议

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();
    }
</script>

仅参考打印

吗？

原文由 Murali Murugesan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

要使用提交按钮进行打印，请将其添加到您的峰会脚本中：

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

请记住，这只会触发客户端可用的任何浏览器实现的 打印 功能。

原文由 Vin 发布，翻译遵循 CC BY-SA 3.0 许可协议