Basic Copy From Input Copy From Textarea

Basic

The global Code for all the clipboards is new ClipboardJS('.jsclipboard');

<div class="clipboard">
    <form class="form-horizontal">
        <input type="text" class="form-control mb-4" id="input-copy" value="http://www.admin-dashboard.com">
        <a class="mb-1 btn btn-primary" href="javascript:;" data-clipboard-action="copy" data-clipboard-target="#input-copy"><svg> ... </svg> Copy from Input</a>
        <a class="mb-1 btn btn-dark" href="javascript:;" data-clipboard-action="cut" data-clipboard-target="#input-copy"><svg> ... </svg> Cut from Input</a>
    </form>
</div>

Copy from input

Copy from Input Cut from Input 
<div class="clipboard">
    <form class="form-horizontal">
        <input type="text" class="form-control mb-4" id="input-copy" value="http://www.admin-dashboard.com">
        <a class="mb-1 btn btn-primary" href="javascript:;" data-clipboard-action="copy" data-clipboard-target="#input-copy"><svg> ... </svg> Copy from Input</a>
        <a class="mb-1 btn btn-dark" href="javascript:;" data-clipboard-action="cut" data-clipboard-target="#input-copy"><svg> ... </svg> Cut from Input</a>
    </form>
</div>

Copy from Text Area

Copy from Input Cut from Input 
<div class="clipboard">
    <form class="form-horizontal">
        <textarea class="form-control mb-4" rows="3" id="textarea-copy">Lorem ipsum dolor sit amet, consectetur adipiscing elit...</textarea>
        <a class="mb-1 btn btn-primary" href="javascript:;" data-clipboard-action="copy" data-clipboard-target="#textarea-copy"><svg> ... </svg> Copy from Input</a>
        <a class="mb-1 btn btn-dark" href="javascript:;" data-clipboard-action="cut" data-clipboard-target="#textarea-copy"><svg> ... </svg> Cut from Input</a>
    </form>
</div>

Copyright © 2024 DesignReset, All rights reserved.

Coded with