欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-01 21:02:07
...
本篇文章主要介绍了如何将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='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文档?(示例)的详细内容,更多请关注其它相关文章!

相关标签: html转换word文档