Edgeで入力テキスト候補を無効にしますか？

Question

私は、Chrome、Firefox、Safari、Internet Explorerでうまく動作するテキストボックスのドロップダウンAngularJSコンポーネントを作成しました。

このコンポーネントの特徴は、文字列を入力して、上下の矢印キーを使用して候補をスクロールできることです。マイクロソフトエッジで

、とすぐに下矢印を打つよう、次のテキストを入力ボックスに追加されます。

簡単に

（補正綴り、固定文法は、書式設定改善）変更内容を説明

これを防ぐためにクライアント側でできることはありますか？

<form> 
 
    <input type="text" />  
 
</form>

、このことを示す上記snipperを実行し、テキストボックスにタイプの何かとエッジの上に二回下矢印をヒットします。私はこれが起こらないようにしたい、私のオートコンプリートを壊している！私が正しく理解していれば

おかげで

Answer 1

、あなたはオートコンプリート機能で問題を抱えています。あなたの入力に「autocomplete = 'off'」を追加すると、その機能が無効になります。

<input type="text" autocomplete="off"/> 

Answer 2

アプリ/サイト全体のそれを必要とする場合は、jqueryのを使用することができます。

$('input').attr('autocomplete','off'); 

それともあなたは私に似ている、あなたは次のことを試してみてください角度+のUI-ルータを使用している場合を：あなたのindex.html追加次のスクリプトで

：

<script type="text/javascript"> 
    setTimeout(function() { 
     $('input').attr('autocomplete', 'off'); 
    }, 2000); 
</script> 

その後、あなたのルートコントローラに以下を追加し、状態変化をカバーする：

$rootScope.$on('$stateChangeStart', function() { 
       $timeout(function() { 
        $('input').attr('autocomplete', 'off'); 
       }, 2000); 
      }); 

タイムアウトはjqueryのを適用する前にレンダリングするためのHTMLのためのものです。

もっと良い解決策が見つかったら教えてください。

Answer 3

投稿者Mozilla： フォーム全体で機能する実際のフォームタグ<form autocomplete='off' ... >...</form>または個々の<input type='text' />タグでオートコンプリートを設定できます。

IE 11とEdgeでの私の経験では、フォーム上に置くことはできますが、個々のタグは機能しません。私はChromeでテストを試みましたが、フィールドはすでに自動完成していませんでした。

詳細については、フルArticleをお読みください。

NOTE

ほとんどのブラウザは、ログインフィールドのためにこれを無視してください。