I am trying to update content of my page for printing. I want to have labels (spans) for each input element (textboxes, lists, etc.) to prevent text-cutoff when printing. I want
From MDN onbeforeprint:
Well you can always add one event handler to listen for changes and handle updating the content. This is the basic idea [not cross browser friendly]
document.body.addEventListener("change", function(e){
var elem = e.target || e.srcElement;
elem.nextSibling.innerHTML = elem.value;
});
JSFiddle: http://jsfiddle.net/y4MGE/
You can use the print style sheet to hide the textboxes when printed and show whatever you want in its place.