Печать (на бумаге) значений текстовых полей HTML в форме

Question

У меня есть HTML-форма с большим количеством различных текстовых полей, содержащих данные.У меня есть кнопка внизу этой страницы с надписью «Печать».Теперь я не хочу печатать всю страницу.Я хочу, чтобы при нажатии этой кнопки на бумаге печатались только значения определенных текстовых полей.

Javascript - это маршрут, который я искал ...

Может кто-то просто дать мне основныекод для распечатки содержимого одной коробки?

один пример пожалуйста

************ EDIT ****************

Похоже, мой вопрос был сформулирован плохо.Я хочу получить данные из этих текстовых полей ввода html и загрузить их на новую страницу после нажатия кнопки печати и распечатать эту новую страницу.Я хочу знать, как получить эти данные из ящиков и вставить их на всплывающую страницу.

Answer 1

Это можно сделать с помощью CSS с помощью таблицы стилей печати. ​​

В таблице стилей просто спрячьте все, кроме текстовых полей

* { display: none }

textarea { display: block }

Подробнее см. Здесь http://www.webcredible.co.uk/user-friendly-resources/css/print-stylesheet.shtml

Answer 2

Я бы сделал это с помощью таблицы стилей печати.

Вы можете скрыть ненужные элементы, переставить их по своему желанию и стилизовать их все специально для распечатки.

@media print {
  /* style sheet for print goes here */
}

http://www.w3.org/TR/CSS2/media.html

Answer 3

Добавьте в заголовок своей страницы:

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

Теперь сохраните ваш стандартный CSS в view.css. В print.css добавьте стили для форматирования / скрытия / отображения элементов, которые вы хотите видеть на бумаге.