打印網頁時如何隱藏輸入內容？

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完全刪除輸入，而visible：hidden只是將其隱藏，但仍占據其位置。

您無需將其隱藏在JavaScript中。