html - 如何拥有多行输入或换行的文本区域？

Question

我正在尝试在 html 中实现一个打印时看起来完全像这样的布局:

Comments: ____________________________________________________________________________________________________

...其中带下划线的部分是某种类型的单个输入标签——这意味着它也可以是文本区域或其他东西，只要用户可以输入文本并将其打印出来即可。

要求:

• “Comments”文本必须与输入文本的第一行在同一行
• 我不能只把“评论”这个词放在文本区域内。
• 我不能使用多个文本输入
• 打印时两行输入都要加下划线
• 我不能指望在打印前提交页面:我几乎在客户端完成了所有工作。

原因是我必须在视觉上重新创建来自外部公司的纸质文档，以便在从浏览器打印页面时完全匹配。这是我在这家公司之前就存在的内部“表格”系统的一部分。它的设置是为了让这些表单自动在浏览器中调整边距和标题，所以这不是问题。按照我需要的方式设置此 html 格式是。

Answer 1

您可能希望有一个单独的样式表用于打印，当它们打印时，丢失文本区域并为打印显示设置所有内容。

执行此操作需要一些 javascript，它可以在新页面上更改元素以进行打印，但这不是什么大问题。

然后您可以拥有多个具有您想要的格式和所有内容的位置的 div。

另一种选择是让他们单击打印按钮，将页面转换为 pdf。根据您在服务器端拥有的内容，有多种选择。