Как я могу вставить кнопку "Печать", которая печатает форму на веб-странице

Итак, скажем, я получил простую форму внутри такой страницы:

<form style="text-align:center;">
    <p> STUFF </p>
</form>

Я хочу добавить кнопку, поэтому, когда пользователь нажимает на нее, появляется диалоговое окно браузера Print, как я могу это сделать?

Изменить: я хочу распечатать форму, а не страницу.

Ответы

Ответ 1

Печать всей страницы

Попробуйте добавить кнопку, которая вызывает window.print()

<input type="button" value="Print this page" onClick="window.print()">

Распечатайте определенную часть/контейнер на странице

<div id="print-content">
 <form>

  <input type="button" onclick="printDiv('print-content')" value="print a div!"/>
</form>
</div>

то в файле HTML добавьте этот script код

<script type="text/javascript">

function printDiv(divName) {

 var printContents = document.getElementById(divName).innerHTML;
 w=window.open();
 w.document.write(printContents);
 w.print();
 w.close();
}

Обратитесь Print < div id = printarea > </div> только?

Ответ 2

Что вам нужно, это window.print():

<form style="text-align:center;">

  <p> STUFF </p>

  <a href="#" id="lnkPrint">Print</a>
</form>

Javascript:

$( document ).ready(function() {
    $('#lnkPrint').click(function()
     {
         window.print();
     });
});

Ответ 3

Чтобы напечатать с кнопкой отправки, добавьте это на свою вершину script:

<input type="button" value="Print this page" onClick="window.print()">

Имейте в виду, что это приведет только к запуску любого используемого браузера print возможности доступны на клиенте.