时间戳

首页 > 解决方案 > 复制所有表单数据信息并粘贴到格式中

javascript - 复制所有表单数据信息并粘贴到格式中

问题描述

我可以从文本框中复制，但我有一个包含字段名称和值的 html 表单。以下

在此处输入图像描述

图像有示例表格。在此处输入图像描述

当我点击复制到剪贴板并粘贴时，它应该打印以下内容： -

BACK 
TYPE OF PAIN: SHARP
PAIN LEVEL: 9
HOW OFTEN: DAILY 
INJURY RELATED: NONE
INJURY DATE: NONE
HOW LONG: 1 YEAR NOW
CAUSE OF PAIN:ARTHRITIS
WORSE WHEN:BENDING OVER 
TREATMENT TRIED: ALEVE, TYLENOL , PAIN PILLS

如屏幕截图所示，我想将表单数据复制到剪贴板

非常感谢任何帮助。提前致谢。

标签： javascriptjqueryhtml

解决方案

这个问题是一个相当广泛的问题，但您可以从这里开始：https ://clipboardjs.com/ 。

插入身体末端

<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>

HTML

<!-- Target -->
<input id="foo" value="https://github.com/zenorocha/clipboard.js.git">

<!-- Trigger -->
<button class="btn" data-clipboard-target="#foo">
    <img src="assets/clippy.svg" alt="Copy to clipboard">
</button>

JS

new ClipboardJS('.btn');

推荐阅读