打印HTML表单

Gri*_*oft 0 html javascript css printing

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

Nic*_*len 7

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

<link rel="stylesheet" href="print.css" media="print"/>
Run Code Online (Sandbox Code Playgroud)

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

input, select
{
    display: none;
}
Run Code Online (Sandbox Code Playgroud)

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

编辑:正确地指出,如果你想仍然在文本框等中显示值,你可以将border-style属性设置为"none"(+你认为合适的任何样式声明)并且只隐藏在打印时没有用处的元素,例如纽扣