title: How to set an input width to match the placeholder text width
body: <p>Example <a href="http://dabblet.com/gist/5859946">http://dabblet.com/gist/5859946</a></p>
  
  <p>If you have a long placeholder, the input by default does not display wide enough to show all the placeholder text.</p>
  
  <p>e.g.</p>
  
  <pre><code>&lt;input placeholder="Please enter your name, address and shoe size"&gt;
  </code></pre>
  
  <p>Without setting a fixed width, and preferably no javascript, can you set the input to show all the placeholder text?</p>