title: How to get autofill for Safari for last name/family-name fields?
body: <p>I have troubles getting autofill work for iOS Safari browser in a form where name is parted up into first and last name.</p>
  <p>I have tried with this simple example:</p>
  <pre><code>&lt;input type=&quot;text&quot; placeholder=&quot;e.g. John&quot; autocomplete=&quot;given-name&quot; name=&quot;firstName&quot;&gt;
  &lt;input type=&quot;text&quot; placeholder=&quot;e.g. Doe&quot; autocomplete=&quot;family-name&quot; name=&quot;lastName&quot;&gt;
  </code></pre>
  <p>But that only suggest to autofill the firstname.</p>
  <p>Here's a codepen: <a href="https://codepen.io/simplenotezy-the-looper/pen/PoOoqjx" rel="nofollow noreferrer">https://codepen.io/simplenotezy-the-looper/pen/PoOoqjx</a></p>
  <p>Options I've tried for <code>autocomplete=&quot;&quot;</code>:</p>
  <ul>
  <li>family-name</li>
  <li>surname</li>
  <li>lastname</li>
  <li>last-name</li>
  <li>lname</li>
  <li>last name</li>
  </ul>
  <p>I've also tried changing the <code>name=&quot;&quot;</code> field to names from above list to no avail.</p>