ユーザーがデータを入力してから印刷する HTML のフォームがあります。データはどこにも保存されません。これらのフォームは社外から来て、元のフォームにできるだけ近づけるために html ページとして作成され、イントラネットのフォルダーに詰め込まれて忘れ去られます。通常、別の開発者がそれらを行いますが、彼が外出している間に私がいくつかの作業を行う必要があります。彼のコードを見ると、彼のすべてのフォームには、入力を受け取り、コンテンツのみでページを書き直すためのサーバー側コードがたくさんあります。もっと良い方法があるはずです。
メディア セレクターを使用してテキスト入力のスタイルを設定するだけで、印刷時にテキストは表示されますが、それを囲むボックスは表示されません。何かご意見は？
次のようにして、印刷用の別の CSS ファイルを追加します。
<link rel="stylsheet" type="text/css" media="print" href="print.css">
<head>ページのセクションに追加します。
この (print.css) ファイルには、ページの印刷時に表示する内容に関連するスタイルが含まれています。たとえば、次のようになります。
input{border: 0px}印刷時に入力ボックスの境界線を非表示にする必要があります。
テキストから境界線などを削除したいだけだと仮定すると、それらにクラスを与える必要があります。たぶん次のようなものです：
<input type="text" class="print-clean" .../>
そして、media="print" をロードした css:
<link rel="stylesheet" type="text/css" media="print" href="/css/print.css" />
次のようなものが含まれます。
.print-clean {
border: none;
background: transparent;
}
<input type="text" style="border: 0; background-color: #fff;" />
#fff は背景色です。