如何屏幕捕获充满动态内容的DIV？

时间：2014-07-11 09:23:46

标签： javascript html css forms

我被要求创建一个页面，上面有一个用户可以填写的表单，但是有很多他想要的细节。

基本上，我已将表单文档扫描到计算机上，将其保存为.jpg并将其上传到网站上的页面。然后我创建了文本框并使用CSS将它们放在你应该能够在'纸上'上书写的地方

由于细微的细节，我无法向你展示太多的形式，但这是它的一部分：

enter image description here

表单明显比那个大，我把表单图像和文本框全部放到一个名为'print'的DIV中

完成表单后，我希望用户能够按下按钮，或者只能打印DIV内的内容，或者只能将DIV内的内容保存为图像，这样他们就可以了可以发送电子邮件我不希望网站上的任何其他内容如页眉或页脚或其他正文内容在打印时保存或作为图像保存，只是表单中包含用户填写的内容

有没有办法可以做到这一点，还是有更简单的方法可以做到这一点？

1 个答案:

答案 0 :(得分：1)

您可以编写单独的打印样式。也许是一个新的CSS文件，只显示已输入表单字段的文本。在<head>部分对您的文件进行新的CSS引用并添加media="print" - 当用户从浏览器打印时，将使用这些样式。这可能会让你开始。

相关问题
最新问题