Safariのアドレス欄でオートコンプリートを無効にするにはどうすればよいですか？

Question

私は、ユーザーが私たちのアプリで連絡先を検索し、その情報を自動入力できるように、私は自動質問ドロップダウン（jQueryUI経由）を実装したフォームを持っています。フォーム上でオートコンプリートを無効にしたいのですが、Safari（macOS上）はautocomplete="off"を無視しています。私は入力フィールドと、<form>タグの両方でオートコンプリートをオフにするように指定しました。このフォームは、友人の物理的なメールアドレス用です。SafariはContacts.app ...から一致する連絡先を表示していますが、私の自動募集ドロップダウンの上にドロップダウンが重なっています。 Safariにこのドロップダウンの表示を強制的に停止させるにはどうすればよいですか？ FYI

<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> 

- 私はほとんどのブラウザは、ユーザ名とパスワードのフィールドにautocomplete="off"を無視することを知っているが、これらは、連絡先のアドレスフィールドです。

Answer 1

同様の方法でオートコンプリートを無効にすることはできないようです。 Safariは要素のidの特定のキーワードを探し、 "名前"、 "アドレス"、 "電子メール"などがある場合、自動補完機能（Safari 10.1.1でテスト済み）を有効にします。
したがって、私が見つけた唯一の簡単な回避策は、オートコンプリート機能を起動しない別のidを使用することです。

編集：私は、Safirtもplaceholder属性を使用して自動補完機能を有効にするかどうかを判断しました。