title: Need "Editable Dropdown"
body: <p>I need a white box, with a gray border to appear below this text box when the button is clicked. The drop down will have say, 5 to 10 lines of text, which hav the look and feel of the URL drop down at the top of your browser. </p>
  
  <p>Can I do this with a div?</p>
  
  <pre><code>&lt;script&gt; function $(id) { return document.getElementById(id); } &lt;/script&gt;
  &lt;input name="media" id="media" type="text" /&gt;
  &lt;input type="button" value="..." onclick="$('keypad').style.display='inline-block';"/&gt;
  
  &lt;div id="keypad" onmouseout="$('keypad').style.display='none'" style="display:none; background:#FFF; vertical-align:top;"&gt;
      Canvas
      Steel
      Vinyl
      Paper
  &lt;/div&gt;
  </code></pre>