title: Copy Button in HTML
body: <p>I am trying to setup a copy text button however I want the text its copying to not be displayed, so it takes less room on the page. I basically am trying to get just a Copy Text button but the text to not be displayed anywhere. How can I go about doing this.</p>
  
  <pre><code>&lt;SPAN ID="copytext" STYLE="height:150;width:162;background-color:pink"&gt;
  Copy Text
  &lt;/SPAN&gt; 
   &lt;TEXTAREA ID="holdtext" STYLE="display:none;"&gt;
  &lt;/TEXTAREA&gt;
   &lt;BUTTON onClick="ClipBoard();"&gt;Copy to Clipboard&lt;/BUTTON&gt; 
  
  &lt;SCRIPT LANGUAGE="JavaScript"&gt;
  
   function ClipBoard() 
   {
   holdtext.innerText = copytext.innerText;
   Copied = holdtext.createTextRange();
   Copied.execCommand("Copy");
   }
  
   &lt;/SCRIPT&gt; 
  </code></pre>