html表单数据转换成Word文档的方法

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表单数据转换成Word文档的方法大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注行业资讯频道。