onclick = window.print()에서 양식 필드 값이 플러시됩니다.

Html5 및 부트 스트랩을 사용하여 입학 양식을 작성했습니다. 제출 버튼을 클릭하기 전에 사용자가 페이지에서 인쇄물을 가져올 수있는 기능을 포함하고자했습니다. 그래서 나는 print 버튼을 클릭했을 때 onclick = window.print()를 적용했다. 그러나 인쇄 버튼을 클릭하자마자 모든 필드 값들이 지워졌다.onclick = window.print()에서 양식 필드 값이 플러시됩니다.

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title></title> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
</head> 
<body> 

<div class="container"> 
<form class="form-inline" id="sunrise" name="sunrise" method="post" action=""> 
<div class="row"> 
    <div class="form-group"> 
     <label>Father's Name:</label> 
     <input type="text" class="form-control" name="father" placeholder=""> 
    </div></div> <br/> 
    <div class="row"> 
    <div class="form-group"> 
     <label>Mother's Name:&nbsp;</label> 
     <input type="text" class="form-control" name="mother" placeholder=""> 
    </div> 
    </div> 
<br/> 
     <div class="row"> 
    <div class="form-group"> 
     <label>DOB:</label> 
     <input type="date" class="form-control" name="dob" placeholder=""> 
    </div> 
    </div> 
    <button type="Print" class="btn btn-default" id="print" onclick="window.print()">Print Application</button> 
    <button type="submit" class="btn btn-default" name="submit" value="submit">Submit</button> 


    </form> 

    </div> 
</body> 
</html>

출처

2016-08-23 Abhishek

인쇄 버튼의 유효하지 않은 유형을 유효한 것으로 변경하십시오.

<button type="Print" class="btn btn-default" id="print" onclick="window.print()">Print Application</button>

<button type="button" class="btn btn-default" id="print" onclick="window.print()">Print Application</button>

"인쇄"유형이 유효하기 때문에로, 버튼 페이지를 다시로드 할 수있게 제출하는 형태로, 내부의 기본 동작을 가지고있다.

출처

2016-08-23 18:04:15 yuriy636

감사합니다.이 작은 오류를 알아낼 수 없었습니다. – Abhishek

type="button"을 사용하면 type = "print"를 사용하는 것이 좋습니다. 무효이기 때문에.

`<button type="button" class="btn btn-default" id="print" onclick="window.print()">Print Application</button>`

출처

2016-08-23 18:08:31

onclick = window.print()에서 양식 필드 값이 플러시됩니다.

답변

관련 문제