Topic: Printable (Page 1 of 1)

I have a form that I would like to print. Ideally, the input boxes would disappear in the printed version. Any brilliant ideas?

Hey Phibian, welcome to the Asylum

Have a nose through our FAQ to find out more about this place:

:FAQ: Hi I'm new here what do I need to know?

and you'll feel at home in no time for sure.


But now for your question... you could create a seperate style sheet for printing:

:FAQ: How do I make a printer friendly page using CSS?

where you hide the input boxes' borders and set their background color to white:

input { border: 0; background: #fff; }

...that should do the trick.

[This message has been edited by kuckus (edited 04-11-2003).]

Use a print media stylesheet to hide them. This CSS should (should) do the trick:

@media print {
input, textarea, button, submit, select {
display:none;
}
}

or just

@media print {
form {
display:none;
}
}

Depending on what exactly you want.