html print option , hide print button

Question

I do not want the button of print in the hard copy when printed.

<html>
    <head>
     <title>New Page 1</title>

    </head>
    <body>
     <p>
        This is just a paragraph fellas. I do not want the print button in the hard copy.
     </p>
    <input type="button" value="print" onclick="window.print()" />
    </body>
</html>

Also if there is a site which explains the proper use of how to print a hard copy of a particular section of a page, please provide the reference also. Thank you.

score 1 · Accepted Answer · answered Jan 19 '17 at 12:27

Hide the print button with

this.style.display='none';

before printing.

<html>
    <head>
     <title>New Page 1</title>

    </head>
    <body>
     <p>
        This is just a paragraph fellas. I do not want the print button in the hard copy.
     </p>
    <input type="button" value="print" onclick="this.style.display='none';window.print();" />
    </body>
</html>

html print option , hide print button

1 Answers1