JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" media="print" href="print.css">

<form>
    <div id="section1">
    <p>
    Section 1
    </p>
        <input type="text" id="name1"> 
        <input type="text" id="name2" style="display: block;"> 
    </div>
    <div id="section2" style="display: block;">
    <p>Section 2
    </p>
    </div>
    <input type="submit">
</form>

<br />
<span class="printMe" style="border:2px solid green; padding:5px;">PRINT ME</span>

CSS

#section1,#section2{display:none;}

@media print {
    #section1,#section2{display:block;}
}

JavaScript

$('.printMe').click(function(){
     window.print();
});