Leaner Technologies の <a href="https://twitter.com/corocn" target="_blank" rel="nofollow noopener noreferrer">@corocn</a> です。
最近フォームを作っていて、意図しないタイミングで 1Password のオートコンプリートが表示されてしまい困っていたので解決法を残しておきます。
<img src="https://storage.googleapis.com/zenn-user-upload/3bb7a2e791e6-20230901.png" alt width="400" loading="lazy" class="md-img">
画像は<a href="https://ui.shadcn.com/docs/components/dialog" target="_blank" rel="nofollow noopener noreferrer">shadcn/ui - dialog</a>から拝借
<h2 id="%E7%B5%90%E8%AB%96">
<a class="header-anchor-link" href="#%E7%B5%90%E8%AB%96" aria-hidden="true"></a> 結論</h2>
input に data-1p-ignore 属性を付与する
autocomplete="off" しても空気読んで無効化してくれないので注意。
<div class="code-block-container"><pre class="language-html"><code class="language-html">&lt;input type="text" id="username" name="ig" data-1p-ignore&gt;
</code></pre></div>実は公式のドキュメントにさらっと書いてありました。 
<iframe id="zenn-embedded__cc8e97e6484b1" src="https://embed.zenn.studio/card#zenn-embedded__cc8e97e6484b1" data-content="https%3A%2F%2Fdeveloper.1password.com%2Fdocs%2Fweb%2Fcompatible-website-design%2F" frameborder="0" scrolling="no" loading="lazy"></iframe><a href="https://developer.1password.com/docs/web/compatible-website-design/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://developer.1password.com/docs/web/compatible-website-design/</a>
<h2 id="lastpass%E3%81%AE%E5%A0%B4%E5%90%88%E3%81%AF%EF%BC%9F">
<a class="header-anchor-link" href="#lastpass%E3%81%AE%E5%A0%B4%E5%90%88%E3%81%AF%EF%BC%9F" aria-hidden="true"></a> LastPassの場合は？</h2>
data-lpignore 属性を付与する
統一してハイフン入れてほしかった感
<iframe id="zenn-embedded__2ab0c520a78fa" src="https://embed.zenn.studio/card#zenn-embedded__2ab0c520a78fa" data-content="https%3A%2F%2Fsupport.lastpass.com%2Fs%2Fdocument-item%3Flanguage%3Den_US%26bundleId%3Dlastpass%26topicId%3DLastPass%2Fc_lp_prevent_fields_from_being_filled_automatically.html%26_LANG%3Denus" frameborder="0" scrolling="no" loading="lazy"></iframe><a href="https://support.lastpass.com/s/document-item?language=en_US&amp;bundleId=lastpass&amp;topicId=LastPass/c_lp_prevent_fields_from_being_filled_automatically.html&amp;_LANG=enus" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://support.lastpass.com/s/document-item?language=en_US&amp;bundleId=lastpass&amp;topicId=LastPass/c_lp_prevent_fields_from_being_filled_automatically.html&amp;_LANG=enus</a>
日本語の記事がなかったので役に立てば幸いです。

1Password のオートコンプリート機能をサービス提供側で無効化する

Discussion