印刷用のボタンを作り、印刷をする方法を教えて下さい

質問

Webサイトを作成しており、申込用紙のページを作っております。

そこで、「印刷をする」ボタンを作成し、「印刷をする」をクリックすると印刷ページを呼び起こしたいです。

これは、どうやって印刷ページを呼び起こすのでしょうか？

HTMLとCSSだけで可能でしょうか？

こちらのサイトでは、Ｊａｖａｓｃｒｉｐｔｏを使って印刷ページをが呼び起せるとしております。
http://www.nishishi.com/javascript/2007/window-print.html

window.print();　を使うだけで良いらしいですが、HTMLのbodyに以下のように記述するだけで良いのでしょうか？他に、headなどの部分に何か記述する必要はないのでしょうか？

<form>
<input type="button" value="このページを印刷" onclick="window.print();" />
</form>

回答No.2

ORUKA1951 · ベストアンサー

そうそう・・・言わずもがなですが、印刷用スタイルシートには
script,noscript{display:none;}
を忘れないように・・

お礼

はい、わかりました！！

回答No.1

ORUKA1951

javascriptは、別にボタンでなくても・・
<p class="printButton">印刷</p>
で、
p.print{width:120px;border:outset 4px gray;margin:0 auto;text-align:center;line-height:1.4em;text-indent:0;border-radius:0.5em;background-color:yellow;}
p.print:active{border-style:inset;}
とかでよいです。javascriptは、わざわざ<input>を文法ミスを犯して使わなくても良いです。

　なおも当然javascriptが無効な人には使用できないので・・
<script>
document.write('<p class="print" onClick="window.print();">印刷</p>');
</script>
<noscript><p>ファイルメニューから印刷してください。</p></noscript>
のほうが良いでしょう。

お礼

ありがとうございます！！

試してみます！！