在法定尺寸的纸张上打印html/css表单

我需要能够在一张8.5英寸x 11英寸的纸上打印我的表格。表单需要所有表单字段为空。然后我的客户会在表格上签字。然后我需要能够填写计算机上的所有表单字段，然后将所有表单字段打印到表单中

---

如何在html和css中实现它

您应该在普通页面中设计表单，并使用“打印”格式设置页面样式。例如

 @media print {      /* Just for printer */
   body { font-size: 10pt }
 }

 @media screen {     /* Just for computer */
   body { font-size: 13px }
 }

这是一篇关于设置打印页面样式的好博客

从那里，您可以轻松添加简单的JavaScript以引起打印操作：

 <a href="JavaScript:window.print();">Print this page</a>

或

---

您应该在普通页面中设计表单，并使用“打印”格式设置页面样式。例如

 @media print {      /* Just for printer */
   body { font-size: 10pt }
 }

 @media screen {     /* Just for computer */
   body { font-size: 13px }
 }

这是一篇关于设置打印页面样式的好博客

从那里，您可以轻松添加简单的JavaScript以引起打印操作：

 <a href="JavaScript:window.print();">Print this page</a>

或

---

ghayes方法会起作用

但是在9（）之前的IE中不支持使用CSS3媒体样式

但所有浏览器都支持媒体类型，例如：

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

您可以轻松地自定义表单，以便仅显示表单，并让用户轻松打印表单。然后你会拿着那张签了字的纸，填上信息，然后再通过打印机打印出来

可能需要一点工作，以使一切正确（如对齐等），但它不应该是超硬的

因此，基本上是按照您通常的方式创建表单（HTML）并为您的站点设置样式（CSS），然后更改仅打印样式中的CSS

---

希望这有帮助。=>

ghayes方法会起作用

但是在9（）之前的IE中不支持使用CSS3媒体样式

但所有浏览器都支持媒体类型，例如：

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

您可以轻松地自定义表单，以便仅显示表单，并让用户轻松打印表单。然后你会拿着那张签了字的纸，填上信息，然后再通过打印机打印出来

可能需要一点工作，以使一切正确（如对齐等），但它不应该是超硬的

因此，基本上是按照您通常的方式创建表单（HTML）并为您的站点设置样式（CSS），然后更改仅打印样式中的CSS

---

希望这有帮助。=>

谢谢你的点头，你说得很好！谢谢你的点头，你说得很好！