复制所有表单数据信息并粘贴格式

Question

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

下面

图像具有示例form.enter图像描述

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

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

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

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

Answer 1

这个问题是一个非常广泛的问题，但你可以从这里开始：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');