Microsoft Edge のオートフィルが autocomplete 未指定にもかかわらず本番環境でのみ動作する理由について

webapp_engineer 40 評価のポイント
2026-01-21T05:18:23.2466667+00:00

Microsoft Edge のオートフィル機能について質問です。

同一の Web アプリケーションにおいて、以下のような環境差による挙動の違いが発生しています。

現象

  • 本番環境 Edge のオートフィル(フォーム入力の自動補完)が動作する
  • STG 環境 / local 環境 Edge のオートフィルが動作しない(候補が表示されない)

前提条件

  • 使用ブラウザ:Microsoft Edge(Stable、144.0.x 系)
  • 使用 OS:Windows 11
  • 対象の input 要素には autocomplete 属性は明示的に設定していません
  • フォーム構造(input 要素、name / type 属性など)は本番/STG/local で同一
  • JavaScript の処理内容も全環境で同一
  • 同一端末・同一ユーザープロファイルで検証

環境間の主な違い

  • ドメイン
    • 本番:公開ドメイン
    • STG / local:別ドメイン、または localhost
  • HTTPS の有無
  • Cookie の設定(SameSite / Secure
  • Content Security Policy(CSP)の設定差分
  • STG 環境ではアクセス制限として BASIC 認証を使用しています(本番環境では未使用)

補足

autocomplete 属性を設定していないにもかかわらず、 本番環境では Edge のオートフィルが有効になり、STG / local では無効になる点が特に疑問です。

質問

  1. Edge のオートフィルは、autocomplete 未指定の場合でも HTTPS やドメインの信頼性など特定条件下でのみ有効になる仕様でしょうか?
  2. 本番環境でのみオートフィルが動作する主な要因として、考えられる点は何でしょうか?
  3. STG 環境や local 環境でもオートフィルを有効にするための 推奨設定または回避策があれば教えてください。

仕様・制限・既知の挙動など、公式情報ベースでのご説明をいただけると助かります。


I have a question regarding Microsoft Edge Autofill behavior.

Issue

In the same web application, Edge Autofill behaves differently depending on the environment:

  • Production environment Edge Autofill works as expected
  • STG / Local environment Edge Autofill does not trigger (no suggestions shown)

Conditions

  • Browser: Microsoft Edge (Stable, 144.0.3719.82)
  • OS: Windows 11, MacOS
  • The autocomplete attribute is not explicitly set on the input elements
  • Form structure (input elements, name / type attributes) is identical across environments
  • JavaScript logic is the same
  • Tested on the same machine and user profile

Differences between environments

  • Domain
    • Production: public domain
    • STG / local: different domain or localhost
  • HTTPS vs HTTP
  • Cookie settings (SameSite / Secure)
  • Content Security Policy (CSP)
  • The STG environment is protected by HTTP Basic Authentication, while the production environment is not.

Notes

Although autocomplete is not specified, Edge Autofill works only in the production environment, which is unexpected.

Questions

  1. Does Edge Autofill work under specific conditions (e.g., HTTPS, trusted domains) even when autocomplete is not specified?
  2. What are the likely reasons Autofill works only in production?
  3. Are there any recommended settings or workarounds to enable Autofill in STG or local environments?

If this behavior is expected by design, I would appreciate a reference to the official documentation.

Thank you.

Microsoft Edge | Microsoft Edge 開発
{count} 件の投票

質問作成者が受け入れた回答
  1. Lucus-V 5,095 評価のポイント Microsoft 外部スタッフ モデレーター
    2026-01-21T21:59:31.4+00:00

    Please be aware that you are posting on a Japanese forum. However, your post's content is in English rather than Japanese. As a result, I will reply to you with information in English. Please be aware that an automated translation technology was used to translate the offered content. Despite our best efforts to guarantee authenticity, the translation might not always accurately capture the original context, meaning, or intent of the original material. 


    Hi webapp_engineer,
    Welcome to Microsoft Q&A forum. I'm happy to help.

    Microsoft Edge and some other modern browsers are designed for secure and only apply autofill form on secure webpages that met the modern security standard. Therefore, Edge may not apply autofill form on localhost environment and self-signed HTTPS webpages.

    If your localhost environment uses self-signed certificate, you may import its certificate into Trusted Root Certification Authorities so Edge may stop reporting in-secure content and let the autofill works.

    You may also need to add your URL into edge://settings/content/insecureContent allow list.

    Please note that this is a user-to-user support forum. Moderators, contributors including external Microsoft employees cannot directly intervene in Microsoft product features or access back-end systems. Our role is limited to providing technical guidance on reported issues, requests, or ideas.

    I hope that above information is helpful to you and thank you for your sympathy.


0 件の追加の回答

並べ替え方法: 最も役に立つ

お客様の回答

質問作成者は回答に "承認済み"、モデレーターは "おすすめ" とマークできます。これにより、ユーザーは作成者の問題が回答によって解決したことを把握できます。