html 带有文本区域的页面

Question

我的文本区域一次只显示 3 行并使用滚动条。现在，当我打印我有文本区域的 html 时，它只打印可见部分（即仅 3 行）。

我希望当用户打印 html 页面时，它应该打印文本框中的整个文本，而不是只打印可见部分。

Answer 1

您可以在打印时为文本区域定义不同的高度：

@media print {
   .selectorOfYourTextarea {
      height: 500px;
   }
}

这将使您的 textarea 500px 高度仅适用于打印机。问题仍然是 500px 可能还不够。

Answer 2

检查这个 Demo 并按 Ctrl+P，您会看到是隐藏的，而 <div class="textarea"> 是可见的.</p> <pre><code>.textarea { display: none; } @media print { textarea { display: none; } .textarea { display: block; } } </code></pre> </section> </div> </div> <div class="line"></div> <div id="footer">©2023 WhoseBug</div> </body> </html>

html 带有文本区域的页面

html page with textarea

html

javascript

textarea