Tắt đề xuất văn bản nhập trong Edge?

Question

Tôi đã xây dựng một hộp thả xuống hộp văn bản AngularJS thành phần hoạt động tốt trong Chrome, Firefox, Safari và Internet Explorer.

Tính năng của thành phần này là bạn nhập vào một chuỗi và sau đó có thể sử dụng các phím mũi tên lên/xuống để cuộn qua các đề xuất.

Trong Microsoft Edge, ngay sau khi bạn nhấn vào mũi tên xuống, các văn bản sau đây sẽ được thêm vào hộp nhập liệu:

giải thích ngắn gọn những thay đổi của bạn (đánh vần chỉnh, cố định ngữ pháp, cải thiện định dạng)

Tôi có thể làm gì để ngăn chặn điều này xảy ra không?

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

Để chứng minh điều này, chạy thợ ở trên, gõ gì đó vào hộp văn bản và nhấn vào mũi tên xuống hai lần trên Edge. Tôi muốn điều này không xảy ra, vì nó phá vỡ tính năng tự động hoàn tất của tôi!

Cảm ơn

Answer 1

Nếu tôi hiểu chính xác, bạn đang gặp sự cố với tính năng tự động hoàn tất. Đơn giản thêm "autocomplete = 'off" "vào đầu vào của bạn và điều đó sẽ vô hiệu hóa tính năng này.

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

Answer 2

nếu bạn cần ứng dụng/trang web rộng bạn có thể sử dụng jquery:

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

Hoặc nếu bạn đang như tôi và sử dụng góc + ui-router bạn có thể thử như sau:

Trong bạn index.html thêm đoạn mã sau:

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

Sau đó, để bao gồm các thay đổi trạng thái, hãy thêm thông tin sau vào bộ điều khiển gốc của bạn:

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

Thời gian chờ là để html hiển thị trước khi áp dụng jquery.

Nếu bạn tìm thấy giải pháp tốt hơn, vui lòng cho tôi biết.

Answer 3

Từ Mozilla: Bạn có thể đặt tự động hoàn thành trên thẻ biểu mẫu thực tế <form autocomplete='off' ... >...</form> sẽ hoạt động cho toàn bộ biểu mẫu hoặc trên các thẻ <input type='text' /> riêng lẻ.

Trong kinh nghiệm của tôi về IE 11 và Edge đặt nó vào biểu mẫu hoạt động nhưng các thẻ riêng lẻ không hoạt động. Tôi đã thử nghiệm trên Chrome nhưng các trường đã không tự động hoàn thành.

Vui lòng đọc toàn bộ Article để biết thêm thông tin chi tiết.

LƯU Ý

Hầu hết các trình duyệt bỏ qua này cho các lĩnh vực đăng nhập.