温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2020-09-26 14:30:56 来源:亿速云 阅读:246 作者:小新 栏目:web开发

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI