Rumah >hujung hadapan web >html tutorial >html表单数据怎么转换成Word文档?(示例)

html表单数据怎么转换成Word文档?(示例)

藏色散人
藏色散人asal
2018-08-14 10:00:288292semak imbas

本篇文章主要介绍了如何将html表单数据转换成Word文档的几种方法,希望对有需要的朋友有所帮助。

一、最简单的方法

你可以直接选中表单数据直接复制粘贴到Excel表格中或者新建文档中,然而这样仅仅只有数据,没有任何样式。

二、另存为

在需要转换成文档的页面中,右键选择网页另存为html文件。

例如我在网页上随便找一个表单数据。

8225bebce2e6a9ba5a60a26dba10f0b.png

另存网页html格式,然后用Excel打开。

6f13f1b664737cc10b6e0d9a4868051.png

然后在Excel中选择显示或取消网格线,就可以在表格中看到完整数据。

8103bf110c8c2d2d47865131ee63eb8.png

三、用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源文件中不容许出现的字符进行编码,通常是编码以下字符:"9f69b873d3534bc1b95032470265b196"、"&"、"""、"'"等;

【相关文章推荐】

表单元素:最全的各种html表单元素获取和使用方法总结

带你掌握HTML中table和form表单

html表单知识大全

用html中标签制作表单实例



Atas ialah kandungan terperinci html表单数据怎么转换成Word文档?(示例). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn