当前位置:Gxlcms > html代码 > html表单数据怎么转换成Word文档?(示例)

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

时间:2021-07-01 10:21:17 帮助过:16人阅读

本篇文章主要介绍了如何将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='hHtml']").val(sHtml);
 $("form[name='myForm']").submit();
 }
 function htmlEncode(value) {
 //create a in-memory div, set it's inner text(which jQuery automatically encodes) 
 //then grab the encoded contents back out. The div never exists on the page. 
 return $('<div/>').text(value).html();
 }
 </script>

这种方法可以通过点击一个按钮就能直接将html表单页面导出成Word即html转换word文档,但是这里需要注意一下,想要导出有边框样式的表单文档,需要把样式直接写到标签里面,不要使用css,写到style属性里即可。

注:HtmlEncode是将html源文件中不容许出现的字符进行编码,通常是编码以下字符:"<"、">"、"&"、"""、"'"等;

【相关文章推荐】

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

带你掌握HTML中table和form表单

html表单知识大全

用html中标签制作表单实例

以上就是html表单数据怎么转换成Word文档?(示例)的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行