2011-07-06 50 views
1

我有一個包含數據的各種文本框的HTML表單。我有一個按鈕,該頁面的底部顯示Print。現在我不想打印整個頁面。當按下該按鈕時,我只想將某些文本框的值打印在紙上。打印(在紙上)表格中的HTML文本框的值

JavaScript是我一直在尋找...

可有人只給我的基本代碼打印出一個框的內容的路線?

一個例子,請

** * ** * ** * ***編輯* ** * ** * ** * ** * ***

看起來好像我的問題措辭不佳。我想要做的是從這些html輸入文本框中獲取數據,並在按下打印按鈕後將其加載到新頁面上並打印新頁面。我想知道如何從框中獲取數據,並將其粘貼到彈出頁面上。

回答

1

添加網頁標題:

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

現在保持你的標準CSS在view.css中。在print.css中添加樣式來格式化/隱藏/顯示您想要在紙上看到的元素。

+0

這到底含糊不清? –

+0

+1不錯的答案,最早。 –

2

我會這樣做打印樣式表。

您可以隱藏不需要的元素,然後根據需要重新排列這些元素,並將它們全部專門用於打印輸出。

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

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

+0

快速的問題:我仍然使用JavaScript鏈接它,我在哪裏列出我想要/不想要的字段? – Musaab

+0

不需要JavaScript,@Daniel Gruszczyk描述瞭如何在他的答案中鏈接到外部樣式表。那麼這只是一個定義CSS規則的例子 - @ fin1te給出了一個簡單的例子。 – Town