Question

我有单个HTML表单，但使用display：none选项构建为多个选项卡。

每个标签都有几个部分，根据之前的标签部分显示阻止/无。

我想在表单提交后出现的确认感谢页面中添加打印按钮，它应该在与HTML页面相同的结构中打印整个表单（仅填充值的字段）。

<form>
    <div id="section1">
        <input type="text" id="name1"> 
        <input type="text" id="name2" style="display: block;"> 
    </div>
    <div id="section2" style="display: block;">
    </div>
    <input type="submit">
</form>

我尝试使用窗口打印功能，但仅适用于当前可见部分。

这段代码是在没有考虑这一要求的情况下编写的。那么有人可以为此提出一些解决方案吗？

Answer 1

您将使用print.css文件。在print.css文件中，您将设置所有选项卡以显示：block; 。这样：

在您的HTML或视图文件中

   <!--MAKE SURE THIS IS LAST CSS FILE REFERENCE IN YOUR HTML <head>-->

  <link rel="stylesheet" media="print" href="print.css">

在print.css文件中

#section1, #section2{display:block}

OR

您可以在主CSS文件中执行@media查询，以处理打印。

 #section1,#section2{display:none;}

 /*MEDIA PRINT TO HANDLE PRINT TABS. MUST GO AT END OF CSS FILE.*/

 @media print {
     #section1,#section2{display:block;}
 }

查看JSFiddle。

https://jsfiddle.net/8u3nhzoL/1/

如何在jsp中从多标签单一格式打印PDF

1 个答案: