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?

<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 & 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" , .