首頁  >  文章  >  web前端  >  html表單資料怎麼轉換成Word文檔? (例)

html表單資料怎麼轉換成Word文檔? (例)

藏色散人
藏色散人原創
2018-08-14 10:00:288241瀏覽

本篇文章主要介紹如何將html表單資料轉換成Word文件的幾種方法,希望對有需要的朋友有所幫助。

一、最簡單的方法

你可以直接選取表單資料直接複製貼上到Excel表格中或新建文件中,然而這樣僅僅只有數據,沒有任何樣式。

二、另存為

在需要轉換成文件的頁面中,右鍵選擇網頁另存為html檔。

例如我在網頁上隨便找一個表單資料。

html表單資料怎麼轉換成Word文檔? (例)

另存網頁html格式,然後用Excel開啟。

html表單資料怎麼轉換成Word文檔? (例)

然後在Excel中選擇顯示或取消網格線,就可以在表格中看到完整資料。

html表單資料怎麼轉換成Word文檔? (例)

三、用js方法

<script type="text/javascript">
 function exportExcel() {
var sHtml = htmlEncode($("#mystamp")[0].outerHTML);
$("input[name=&#39;hHtml&#39;]").val(sHtml);
 $("form[name=&#39;myForm&#39;]").submit();
 }
 function htmlEncode(value) {
 //create a in-memory div, set it&#39;s inner text(which jQuery automatically encodes) 
 //then grab the encoded contents back out. The div never exists on the page. 
 return $(&#39;<div/>&#39;).text(value).html();
 }
 </script>

這種方法可以透過點擊一個按鈕就能直接將html表單頁面匯出成Word即html轉換word文檔,但這裡要注意一下,想要匯出有邊框樣式的表單文檔,需要把樣式直接寫到標籤裡面,不要使用css,寫到style屬性裡即可。

註:HtmlEncode是將html原始檔中不容許出現的字元進行編碼,通常是編碼以下字元:""、"&"、"""、"'"等等;

【相關文章推薦】

表單元素:最全的各種html表單元素取得與使用方法總結

帶你掌握HTML中table與form表單

html表單知識大全

#用html中標籤製作表單實例



以上是html表單資料怎麼轉換成Word文檔? (例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn