当前位置: 代码迷 >> JavaScript >> js打印,该如何解决
  详细解决方案

js打印,该如何解决

热度:267   发布时间:2013-06-19 10:26:41.0
js打印
<form id="WebForm1" method="post" name="myform" >
    <table  width="400" border="1" cellpadding="0" cellspacing="0">
        <tr>
            <td>打印打印打印打印打印打印打印打印打印打印打印打印</td>
            <td><input type="text" name="txt" id="txt" /></td>    
        </tr>
        <tr>
            <td>打印打印打印打印打印打印打印打印打印打印打印打印</td>
            <td><input type="text" name="txt" id="txt" /></td>    
        </tr>
        <tr>
            <td>打印打印打印打印打印打印打印打印打印打印打印打印</td>
            <td><input type="text" name="txt" id="txt" /></td>   
        </tr>
    </table>
</form>
<div><input type="button" name="print" value="预览并打印" onclick=""> </div>


我想打印text文本框里面的内容。
window.print()试过了,它会连文本框一起打印。
js打印 文本打印 txt打印

------解决方案--------------------
document.getElementById('WebForm1').print();
------解决方案--------------------
可以增加打印样式隐藏输入框,参考:CSS media使用技巧

<style>
@media print/*用于打印时的样式,隐藏输入框*/
{
  input{display:none} 
}
</style>
<form id="WebForm1" method="post" name="myform" >
    <table  width="400" border="1" cellpadding="0" cellspacing="0">
        <tr>
            <td>打印打印打印打印打印打印打印打印打印打印打印打印</td>
            <td><input type="text" name="txt" id="txt" /></td>    
        </tr>
        <tr>
            <td>打印打印打印打印打印打印打印打印打印打印打印打印</td>
            <td><input type="text" name="txt" id="txt" /></td>    
        </tr>
        <tr>
            <td>打印打印打印打印打印打印打印打印打印打印打印打印</td>
  相关解决方案