没有打印css空的FORM字段

Question

是否可以为FORM添加空表单字段no-print insert？我不想打印的任何空表单字段

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

Answer 1

我认为这样可以解决问题：

window.onbeforeprint = function() {
        var inputElements = document.querySelectorAll("input"),
            inputElementsLength = inputElements.length;
        for(var i=0; i< inputElementsLength, i++) {
            if(!inputElements[i].value) { // if empty
                inputElements[i].classList.add("no-print");
            }
        }
    };