javascriptとフォームフィールドを含む印刷可能なdiv

Question

私が呼び出した指定されたdivを印刷するスクリプトを使用しています。問題は、HTMLフィールドを含むフォームを印刷したいとき、それらのフィールドに情報を印刷しないということです。代わりに、それは空白のままです。入力された情報を印刷することも彼らのものですか？

Javascriptを

function printDiv(divName) { 
    var printContents = document.getElementById(divName).innerHTML; 
    var originalContents = document.body.innerHTML; 
    document.body.innerHTML = printContents; 
    window.print(); 
    document.body.innerHTML = originalContents; 
} 

HTML

<div id="printableArea"> 
</div> 

<input title="Print" class="buttonBlack fl" onclick="printDiv('printableArea')" type="submit" value="Print" /> 

Answer 1

Thisは要素とフォームフィールドを印刷するのに役立ちます。

チェックsamples。それが役に立てば幸い！

Answer 2

もちろん、印刷したい領域以外のすべてを隠す印刷専用スタイルシートを使用することもできます。次に、ボタンのためにおそらくwindow.print()を除いて、どんなjavascriptも必要としませんでした。これは、ユーザーがこのボタンを使用せずに印刷するときにも働くという追加の利点を有するはずである。

Answer 3

この

function printDiv(divName) { 
var inpText = document.getElementsByTagName("input")[0].value; 
var printContents = document.getElementById(divName).innerHTML; 
var originalContents = document.body.innerHTML; 
document.body.innerHTML = printContents; 
document.getElementsByTagName("input")[0].value = inpText; 
window.print(); 
document.body.innerHTML = originalContents; 
document.getElementsByTagName("input")[0].value = inpText; 
}