Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 打印网页时如何隐藏输入?_Javascript_Html_Css_Printing_Media - Fatal编程技术网

Javascript 打印网页时如何隐藏输入?

Javascript 打印网页时如何隐藏输入?,javascript,html,css,printing,media,Javascript,Html,Css,Printing,Media,我正在使用以下脚本: <script> function printpage() { window.print() } </script 这意味着来自打印区域的所有输入都被隐藏 有什么想法吗?您可以使用CSS解决这个问题,方法是将媒体类型指定为print: <style type="text/css" media="print"> /*<![CDATA[*/ input{ display:none; } /*]]>

我正在使用以下脚本:

<script>
function printpage()
{
window.print()
}
</script
这意味着来自打印区域的所有输入都被隐藏


有什么想法吗?

您可以使用CSS解决这个问题,方法是将媒体类型指定为
print

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

/**/

您可以使用CSS解决此问题,方法是将介质类型指定为
print

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

/**/
使用@Media CSS规则:

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

这些选项之间的选择取决于您的页面流:display:none将完全删除输入,而visibility:hidden仅将其隐藏,但仍占据其位置

您不需要在JavaScript中隐藏它。

使用@Media CSS规则:

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

这些选项之间的选择取决于您的页面流:display:none将完全删除输入,而visibility:hidden仅将其隐藏,但仍占据其位置


您不需要在JavaScript中隐藏它。

您需要在输入前面加一个“.”,才能使用jquery获取所有输入类。
函数printpage(){$('input').hide();window.print();}
不起作用,现在我不能print@c0d3Junk13使用
$(“输入”)
获取所有
元素…它们的输入元素没有任何类您需要在输入之前使用“.”才能使用jquery获取所有输入类。
函数printpage(){$('input').hide();window.print();}
不工作,现在我不能print@c0d3Junk13使用
$(“输入”)
获取所有
元素…它们的输入元素没有类+1,我不知道您可以这样指定
媒体。我总是使用
@media
当我把它放在css文件中时,我唯一想做的就是在按下打印按钮之前隐藏我的输入。你确定你已经删除了隐藏输入的Javascript代码吗?CSS没有在桌面上隐藏您的输入-您的Javascript代码是。是的,我确信当我把它放在CSS文件中时,我看不到输入。我把上面的内容放在我的文件中,现在我可以看到输入,但我也可以打印它们+1,我不知道您可以像这样指定
媒体
。我总是使用
@media
当我把它放在css文件中时,我唯一想做的就是在按下打印按钮之前隐藏我的输入。你确定你已经删除了隐藏输入的Javascript代码吗?CSS没有在桌面上隐藏你的输入-你的Javascript代码是。是的,我确信当我把它放在我的CSS文件中时,我看不到输入。我把上面的输入放在我的文件中,现在我可以看到输入,但我可以把它们打印成不工作,我应该把它放在哪里,我把它放在我的CSS中,不工作不工作,我应该把它放在哪里,我把它放在我的css中,但不起作用
@media print {
  input {display:none;}
}