Copy Text to Clipboard
How to copy text from an HTML element (div, p, span) to the clipboard
Visual HTML/PHP Form Editor
Software for Windows PC
Learn more Trial version available!
check Create the form on your computer
check Upload the form to your own web site
check Send form data as email or insert into MySQL
Add the following javascript code to your page:
<script>
function CopyToClipboard(id)
{
var r = document.createRange();
r.selectNode(document.getElementById(id));
window.getSelection().removeAllRanges();
window.getSelection().addRange(r);
document.execCommand('copy');
window.getSelection().removeAllRanges();
}
</script>
The function copies the visible text of the element to the clipboard.
This works as if you had selected the text and copied it with ctrl+c.
Use the parameter "id" to select the element you want to copy.
Samples:
<p id="sample">Hello World</p>
The following link copies the text within the specified element (in this sample the paragraph with id="sample") to the clipboard:
<a href="#" onclick="CopyToClipboard('sample');return false;">Copy Text</a>
You can also copy the text from other elements, like e.g. a <span>:
<span id="sample">Hello World</span>
or a <div>:
<div id="sample">Hello World</div>