How to disable autocomplete in address fields for Safari?

I have a form in which I implemented the autosuggest drop-down list (via jQueryUI) so that the user can search for a contact in our application and automatically fill in their information. I want autocomplete to be disabled on the form, but Safari (on macOS) ignores it autocomplete="off". I indicated that autocompletion is disabled in the input fields as well as in the tag <form>. This form is for a physical mailing address for a friend, and Safari shows the corresponding contacts from Contacts.app ..., but a drop-down menu is placed over the drop-down list of autoloaders. How to make Safari stop showing this drop-down menu?

enter image description here

<form accept-charset="UTF-8" action="/listings/sailing/create_customized_card" autocomplete="off" class="new_greeting_card" id="new_greeting_card" method="post">
...
  <li>
    <input autocomplete="off" autocorrect="off" class="validate required" id="to_name" name="delivery[to_name]" placeholder="First &amp; last name" size="30" type="text" />
  </li>
  <li>
    <input autocomplete="off" autocorrect="off" class="validate required" id="to_address_street_1" name="to_address[street_1]" placeholder="Street 1" size="30" type="text" />
  </li>
  <li>
    <input autocomplete="off" autocorrect="off" id="to_address_street_2" name="to_address[street_2]" size="30" type="text" />
  </li>
  <li>
    <input autocomplete="off" class="validate required city" id="to_address_city" name="to_address[city]" placeholder="City" size="30" type="text" />
    <select class="validate required state" id="to_address_state" name="to_address[state]">
    <option value="AK">AK</option>
    ...
    </select>
    <input autocomplete="off" class="validate required zip" id="to_address_zip_code" name="to_address[zip_code]" pattern="(\d{5}([\-]\d{4})?)" placeholder="Zip" size="30" type="text" />
  </li>
...
</form>

FYI - , autocomplete="off" , .

+4
1

, . Safari id, - "name", "address", "e-mail" .., ( Safari 10.1.1). < > , , , id, .

EDIT: , Safari placeholder, , .

+3

Source: https://habr.com/ru/post/1673363/


All Articles