输入类型 =“文本”名称未显示在打印预览中答案

【问题标题】：Input type = "text" name did not shown in print preview输入类型 =“文本”名称未显示在打印预览中
【发布时间】：2021-06-03 23:26:31
【问题描述】：

我似乎有类似的问题，为什么input-type="text" 名称在打印预览中不起作用。所以，我尝试打印这个项目，但 input-type="text" 不起作用。有谁知道如何解决这个问题？我看到了很多解决方案，但都不起作用，我尝试在其他浏览器中也不起作用。

这是我打印预览后的输出。 print preview which data is input-type="text"

这是代码

<input type="hidden" name="id[]" value="<?php echo $row->id ?>">
<input type="hidden" name="student_session_id[]" value="<?php echo $row->student_session_id ?>">
<input type="hidden" name="semester[]" value="1">
<input type="hidden" name="evaluation_period[]" value="1">
<input type="text" name="surah[]" value="<?php echo $row->surah ?>" class="form-control" required>
<input type="text" name="score[]" value="<?php echo $row->score ?>" class="form-control" required>
<input type="text" disabled value="<?php echo $row->predicate ?>">

这是数据 data which I want to print preview

任何人如何解决来自input type="text" 的数据显示在打印预览中？

【问题讨论】：

这些文本框在打印预览中显示良好 - 演示：jsfiddle.net/esnyu729。从你的截图来看，你有一个相当复杂的 CSS 主题......所以也许有一些特定于打印的 CSS 将它们设置为在打印模式下隐藏。

标签： php html css codeigniter printing

【解决方案1】：

尝试添加自定义 CSS 以覆盖您当前的 CSS。如果没问题，您可能会在网站 css 的某个地方找到打印时隐藏文本框的地方。

<style>
@media print {
   input[type="text"] { display: block !important; }
}
</style>

【讨论】：