打印表单中html文本框的值(在纸上）

Printing(on paper) the values of html textboxes within a form

本文关键字：表单 html 文本 打印      更新时间：2023-09-26

我有一个html表单，其中包含大量包含数据的各种文本框。我在那一页的底部有一个按钮，上面写着"打印"。现在我不想打印整个页面。我只想在按下该按钮时将某些文本框的值打印在纸上。

Javascript是我一直在寻找的路线。。。

有人能给我打印一个盒子内容的基本代码吗？

请举一个例子

************编辑 *****

我的问题似乎措辞拙劣。我想做的是从这些html输入文本框中获取数据，并在按下打印按钮后将其加载到新页面上，然后打印该新页面。我想知道如何从框中获取数据，并将其粘贴到弹出页面上。

我会用打印样式表来完成这项工作。

你可以隐藏你不想要的元素，按照你的意愿重新排列它们，并专门为打印输出设置样式。

@media print {
  /* style sheet for print goes here */
}

http://www.w3.org/TR/CSS2/media.html

您可以使用打印样式表通过CSS实现这一点。

在样式表中，只需隐藏除文本框之外的所有内容

* { display: none }
textarea { display: block }

有关详细信息，请参阅此处http://www.webcredible.co.uk/user-friendly-resources/css/print-stylesheet.shtml

在您的页眉中添加：

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

现在将您的标准CSS保存在view.CSS中。在print.CSS中，为您希望在纸上看到的format/hid/show元素添加样式。

相关文章：