Nur den eingegebenen Wert drucken

Ich möchte nur fragen, wie im PDF-Format zu drucken und nur den eingegebenen Wert nicht die Textbox oder das Dropdown angezeigt.Nur den eingegebenen Wert drucken

click this link to view the image

ich auch so etwas wie diese angezeigt werden soll, aber wie? Ich hoffe jeder kann mir helfen, danke im Voraus. :)

click this link to view the image

Und schließlich, hier ist mein Code.

<!DOCTYPE html> 
<html> 
<head> 
    <script type="text/javascript"> 
     function printWebpage(t) { 
      t.style.display = "none"; 
      window.print(); 
      t.style.display = "block"; 
     } 
    </script> 
</head> 
<body> 
    <h1>ALQUIZA SURVEYING OFFICE</h1> 
    <h3>CONTRACTUAL PAYROLL</h3> 
    Name: <input type="text" id="name" name="name"/> 
    <br/><br/> 
    Survey: <input type="text" id="survey" name="survey"/> 
    <br/><br/> 
    Payment: 
    <select id="payment" name="payment"> 
     <option>Choose</option> 
     <option>Single</option> 
     <option>Double</option> 
    </select> 
    <br/><br/> 
    Team: 
    <select id="team" name="team"> 
     <option>Choose</option> 
     <option>Team A</option> 
     <option>Team B</option> 
    </select> 
    <br/><br/> 
    <button onclick="printWebpage(this)">Print Webpage</button> 
</body> 
</html>

Quelle

2016-10-09 Francis Vargas

Fragen Sie nach [CSS Medienabfragen] (https://developer.mozilla.org/en/docs/Web/CSS/@media)? – germanfr

ja! Ich denke. Haha. –

Haben Sie einen Blick auf diese ähnliche Frage: http://www.codeproject.com/Questions/591434/howplustoplushideplusprintplusbuttonplusonplushard

Quelle

2016-10-09 14:28:19 b1919676

ist es nur, wie man den Knopf versteckt. und ich möchte auch die Textbox und das Dropdown-Menü ausblenden. nur die Info. –

Machen Sie dasselbe mit dem Textfeld und dem Dropdown-Menü mit der Schaltfläche. – b1919676

ja es funktioniert gut. aber ich will nur den Wert. –

Verwendung CSS media queries:

/* Only applied in print mode */ 
@media print { 
    /* Hide or style your elements here */ 
    input[type=text] { 
     border: none; 
    } 
    /* ... */ 
}

Here is a tutorial, wo Ihr Anwendungsfall erklärt.

Quelle

2016-10-09 14:29:57 germanfr

Nur den eingegebenen Wert drucken

Antwort

Verwandte Themen