Can someone please help me with printing in PDF style and displaying only the inputted value without showing the textbox or dropdown?
Check out this image for reference
I would like to achieve something similar, how can I do that? Any assistance would be highly appreciated. :)
Here is another image for better understanding
Lastly, here is a snippet of my 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>