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

时间:2011-07-06 11:47:22

标签: javascript html forms printing

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

Javascript是我正在寻找的路线......

有人可以给我一些打印出一个盒子内容的基本代码吗?

请举一个例子

** * ** * ** * 的*** 修改 * ** * ** * ** * ** * ***

好像我的问题措辞不合理。我想要做的是从这些html输入文本框中获取数据,并在按下打印按钮后将其加载到新页面并打印该新页面。我想知道如何从框中获取数据,并将其粘贴到弹出页面上。

3 个答案:

答案 0 :(得分:2)

我用打印样式表来做这件事。

您可以隐藏您不想要的元素,然后根据需要重新排列它们,并专门为打印输出设置样式。

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

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

答案 1 :(得分:2)

您可以使用CSS使用打印样式表来实现此目的。

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

* { display: none }

textarea { display: block }

详情请见http://www.webcredible.co.uk/user-friendly-resources/css/print-stylesheet.shtml

答案 2 :(得分:1)

添加页眉:

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

现在将您的标准CSS保存在view.css中。在print.css中添加样式以格式化/隐藏/显示您想要在纸上看到的元素。