js打印,该如何解决

2013-06-19

js打印form idWebForm1 methodpost namemyform tablewidth400 border1 cellpadding0

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> 
 
            <td><input type="text" name="txt" id="txt" /></td>   
        </tr>
    </table>
</form>
<div><input type="button" name="print" value="预览并打印" onclick="window.print()"> </div>

热点排行

JavaScript

js打印,该如何解决