打印网页时如何隐藏输入？

Question

我正在使用以下脚本：

<script>
function printpage()
{
window.print()
}
</script

用此之后调用它：

<input type="button" value="Print this page" onclick="printpage()" />

但我不知道如何在脚本中插入：

$('input' )
.hide();

表示打印区域的所有输入都被隐藏。

有什么想法吗？

Answer 1

您可以使用CSS解决此问题，方法是将媒体类型指定为print：

  <style type="text/css" media="print">
/*<![CDATA[*/
    input{
        display:none;
    }
  /*]]>*/
  </style>

Answer 2

使用@Media CSS规则：

@media print {
  input {visibility:hidden;}
}

或

@media print {
  input {display:none;}
}

这些选项之间的选择取决于您的页面流：display：none完全删除输入，而visibility：hidden只是隐藏它，但它仍占据它的位置。

您无需在JavaScript中隐藏它。