양식에 대한 PHP 인쇄 미리보기

Question

나는 PHP 코드의 초보자이며 인쇄 버튼을 만들었지 만 전체 페이지의 내용을 보여줍니다. 양식의 내용 만 인쇄하는 인쇄 미리보기를 만들고 싶습니다. 그래서 내가 어떻게해야하는지, 누군가 나를 기쁘게 도와줍니다 .... 그리고 여기 내 코드가 있습니다.

reserve.php

<?php include('header_user.php');?> 
<div id="container"> 
<div id="content"> 
<div id="contentleft"> 
<div class="reserve-form"> 
    <h1>Make Reserve</h1> 
<form action="reservation.inc.php" method="POST"> 
    <!--username--> 
    <label for="uname"><b>Username</b></label> 
    <input type="text" name="uid" placeholder="Your username" required=""> 
    <!--username--> 
    </br> 
    <!--person--> 
    <label for="hperson"><b>Person</b></label> 
    <select id="person" name="person"> 
     <option selected hidden>How many person?</option> 
     <option value="1 Person">1 Person</option> 
     <option value="2 Person">2 Person</option> 
     <option value="3 Person">3 Person</option> 
     <option value="4 Person">4 Person</option> 
     <option value="5 Person">5 Person</option> 
    </select> 
    <!--person--> 
    </br> 
    <!--date--> 
    <label for="wdate"><b>Date</b></label> 
    <input type="text" name="bookdate" placeholder="dd-MM-yy" required=""> 
    <!--date--> 
    </br> 
    <!--time--> 
    <label for="wtime"><b>Time</b></label> 
    <input type="text" name="booktime" placeholder="0.00pm" required=""> 
    <!--time--> 
    </br> 
    <!--Select Table--> 
    <label for="rtable"><b>Table No</b></label> 
    <select id="table" name="booktable"> 
     <option selected hidden>Choose your table</option> 
     <option value="T1">T1</option> 
     <option value="T2">T2</option> 
     <option value="T3">T3</option> 
     <option value="T4">T4</option> 
     <option value="T5">T5</option> 
    </select> 
    <!--end select--> 
    <button type="submit" name="confirm" class="loginbtn">Confirm</button> 
    <a class="print_btn" href="" onclick="window.print();">Print</a> 
</form> 
</div> 
</div><!--contentleft--> 
<?php include('sidebar.php');?> 
</div><!--content--> 
</div><!--container--> 
<?php include('footer_user.php');?> 

Answer 1

당신은 CSS3 미디어 태그로이 문제를 해결할 수 있습니다. "no-print"와 같은 html 클래스를 표시하지 않으려면 CSS에 미디어 인쇄물을 추가하십시오.

@media print { 
    .no-print { 
     display: none; 
    } 
}