如何插入在网页中打印表单的打印按钮 [英] How can I insert a Print button that prints a form in a webpage

问题描述

 < form style =text-对齐：中心;> 
< p> STUFF< / p> 
< / form> 
  

我想添加一个按钮，当用户点击浏览器的打印对话框时，如何显示我这样做？

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

尝试添加一个调用 window.print（）

 < input type =buttonvalue =打印此页onClick =window.print（）> 
  

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

 < div id =print-content> 
< form> 
 
< input type =buttononclick =printDiv（'print-content'）value =打印一个div！/> 
< / form> 
< / div> 
  

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

 < script type =text / javascript> 
 
函数printDiv（divName）{
 
 var printContents = document.getElementById（divName）.innerHTML; 
 w = window.open（）; 
 w.document.write（printContents）; 
 w.print（）; 
 w.close（）; 
} 
  

打印< div id = printarea>< / div>只有？

So, lets say I got a simple form inside a page like this:

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

I wanna add a button so when the user clicks on it the browser's Print dialog shows up, how can I do that?

Edit: I wanna print the form, not the page.

解决方案

Print whole page

Try adding a button that calls window.print()

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

Print a specific portion/container in a page

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

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

then in HTML file add this script code

<script type="text/javascript">

function printDiv(divName) {

 var printContents = document.getElementById(divName).innerHTML;
 w=window.open();
 w.document.write(printContents);
 w.print();
 w.close();
}

Refer Print <div id=printarea></div> only?

这篇关于如何插入在网页中打印表单的打印按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！