Распечатать HTML-форму с информацией и данными, заполненными пользователем

Question

У меня есть HTML-форма, и я хотел бы распечатать HTML-форму с информацией / контентом, заполненным пользователем.

Существует ли какой-либо способ в jQuery или JavaScript получить HTML-форму со значениями, заполненными пользователем, и распечатать ее?

Это то, что я пытался

$(form).html() но возвращает только пустую форму
$(document).find("form").html() который также вернул HTML с пустой формой.

ПРИМЕЧАНИЕ: я не говорю о функции сериализации здесь. Я не хочу отправлять форму, но хочу преобразовать форму в версию для печати, установив ввод, выберите прозрачный фон.

Answer 1

Ты можешь использовать

$('form').find('input').each(function( key, value ) {
    console.log(value);
});

И чтобы получить данные, готовые для POST или что-то вроде этого, используйте это

$('form').serialize();

Answer 2

Я думаю, что я понял вашу проблему. На самом деле вы хотите напечатать HTML-форму, но она должна содержать пользовательский ввод.

Прежде всего, вы можете использовать метод window.print(). Если вы хотите распечатать только форму, вам следует использовать некоторые хитрости CSS.

Я думаю, что вы ищете ответ на следующие вопросы SO. Пожалуйста, проверьте.

1. Javascript распечатать веб-форму с пользовательским вводом включены
2. Как напечатать только выбранный элемент HTML?

Если вы все еще не можете выполнить свое решение, дайте мне знать. Дай мне посмотреть, как я могу тебе помочь. Удачи.