打印HTML表单

时间:2009-05-13 13:03:42

标签: javascript html css printing

我正在尝试使用javascript打印页面,它工作正常,但问题是它内部的页面havign形式。如果我们打印正在打印的表单值很好但我们得到的是html控件(如输入,下拉列表)也正在打印。 除了服务器端处理之外,是否有人可以有任何其他想法

3 个答案:

答案 0 :(得分:7)

您可以将打印样式表附加到您的页面,如此......

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

然后在打印样式表中,您可以指定...

input, select
{
    display: none;
}

这将隐藏您的表单控件元素,但仅限于打印页面时。您可以通过隐藏导航和链接(即在网页的打印版本上无用的任何内容)来扩展此功能

编辑:正确地指出,如果您仍想在文本框等中显示值,可以将border-style属性设置为“none”(+您认为合适的任何样式声明)并且仅隐藏打印时无用的元素,如按钮

答案 1 :(得分:0)

您可以为打印和屏幕显示提供不同的CSS。

在你的打印CSS中你可以通过将边框设置为空,背景设置为白色等来摆脱大多数html控件可见部分。我没有尝试过这种方式摆脱一切,所以你可能仍然会得到奇怪的一点。值得一试。

答案 2 :(得分:0)

是。您必须定义一个支持media="print"的不同CSS样式。用于打印的CSS将隐藏适当的控件并显示静态字段。