title: How to prefill the user input form?
body: <p>I have a very basic form where I ask user's name, mobile, email. I have enabled autocomplete provision in these fields using the following code:</p>
  
  <pre><code>&lt;label for="frmNameA"&gt;Name&lt;/label&gt;
  &lt;input name="name" id="frmNameA" placeholder="Full name" required autocomplete="name"&gt;
  
  &lt;label for="frmEmailA"&gt;Email&lt;/label&gt;
  &lt;input type="email" name="email" id="frmEmailA" placeholder="name@example.com" required autocomplete="email"&gt;
  
  
  &lt;label for="frmPhoneNumA"&gt;Phone&lt;/label&gt;
  &lt;input type="tel" name="phone" id="frmPhoneNumA" placeholder="+1-650-450-1212" required autocomplete="tel"&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/6h3vLoq0/" rel="nofollow noreferrer">Here</a> is the fiddle. Currently, the user has to focus on these elements and then it displays the suggestions. Is there any way by which we can prefill this data once the form is loaded? We want to prefill the 1st suggestion that comes in the autocomplete and not some hard coded value.</p>
  
  <p>Also, I saw websites like facebook, twitter etc. using only autocomplete and not prefilling the data - is there any specific reason to not prefill the things?</p>