How to do a button click to copy for a text box or input with HTML and a little bit of Javascript.
<div class="container"> <div class="row mt-2"> <div class="col-6"> <button id="words" class="btn btn-primary mb-2">Copy text area</button> <br /> <textarea id="text_copy" class="form-control" name="text_copy" rows="5" cols="12" readonly> Word Word2 Word3 Word4</textarea> <br /> </div> <div class="col-6"> <button id="input-btn" class="btn btn-primary mb-2">Copy input</button> <br /> <input type="text" class="form-control" id="input" name="input" value="test text to copy"> </div> </div> </div>
The Javascript functions to copy the text:
document.querySelector("#words").onclick = function () { document.querySelector("#text_copy").select(); document.execCommand("copy"); }; document.querySelector("#input-btn").onclick = function () { document.querySelector("#input").select(); document.execCommand("copy"); };