Czy można wyłączyć funkcję autouzupełniania w elemencie formularza (szczególnie w polu tekstowym) za pomocą CSS?Wyłącz autouzupełnianie za pomocą CSS
Używam biblioteki znaczników, która nie zezwala na element autouzupełniania i chciałbym wyłączyć autouzupełnianie bez używania Javascript.
Możesz użyć wygenerowanego id i name za każdym razem, co jest inne, więc przeglądarka nie może zapamiętać tego pola tekstowego i nie zaproponuje niektórych wartości.
Jest to co najmniej bezpieczna alternatywa dla przeglądarki, ale polecam z odpowiedzią od RobertsonM (autocomplete="off").
CSS nie ma tej zdolności. Będziesz musiał użyć skryptów po stronie klienta.
Każdy pomysł, jak wyłączyć to na krawędzi? Bez względu na to, co robimy, widzimy to. –
W obecnej wersji w CSS nie ma atrybutu "autouzupełnianie wyłączone". Jednak html ma łatwy kod to:
<input type="text" id="foo" value="bar" autocomplete="off" />
Jeśli szukasz całej witrynie efektora, łatwe byłoby po prostu mieć funkcję js do uruchomienia przez cały „input” ów i dodawać ten tag lub wyszukaj odpowiednią klasę/identyfikator css.
Atrybut autouzupełnianie działa dobrze w Chrome i Firefox (!), Ale patrz też Is there a W3C valid way to disable autocomplete in a HTML form?
To już nie działa – Oneezy
można łatwo zaimplementować przez jQuery
$('input').attr('autocomplete','off');
Dynamiczne wyłączanie, wielkie dzięki! – Juto
W większości przypadków $ ("formularz"). Attr ("autouzupełnianie", "wył"); jest znacznie wydajniejszy (patrz komentarz do odpowiedzi poniżej) – irakli
@irakli W moim przypadku użycie 'formularza' jest TYLKO czymś, co zadziałało. Nie "input". Dzięki. – khaverim
Jeśli używasz form można wyłączyć wszystkie automatycznie je uzupełnia się,
<form id="Form1" runat="server" autocomplete="off">
, za każdą Mozillę: "Jeśli atrybut autouzupełniania nie jest określony w elemencie wejściowym, przeglądarka używa wartości atrybutu autocomplete właściciela formularza elementu . Właściciel formularza jest albo elementem formularza, który ten element jest potomkiem lub element formularza, którego identyfikator jest określony przez atrybut formularza elementu wejściowego. Aby uzyskać więcej informacji, zobacz atrybut autouzupełniania w
$('input').attr('autocomplete','off');
Nie zapewnia to odpowiedzi na zadane pytanie. PO specjalnie poprosił o rozwiązanie CSS. Jest to dokładnie ta sama odpowiedź co już istniejąca. –
Dzięki @ahhmarr's rozwiązanie Byłem w stanie rozwiązać ten sam problem w moim środowisku Angular + ui-router, które podzielę się tutaj dla każdego, kto jest zainteresowany.
W moim index.html Dodałem następujący scenariusz:
<script type="text/javascript">
setTimeout(function() {
$('input').attr('autocomplete', 'off');
}, 2000);
</script>
Następnie na pokrycie zmian stanu, dodałem następujące w moim kontrolera głównego:
$rootScope.$on('$stateChangeStart', function() {
$timeout(function() {
$('input').attr('autocomplete', 'off');
}, 2000);
});
są limity czasu dla html do renderowania przed zastosowaniem jquery.
Jeśli znajdziesz lepsze rozwiązanie, daj mi znać.
Efektem ubocznym tego jest to, że historia przeglądarki jest zapełniona wieloma różnymi (losowymi) polami formularza. Każde wyszukiwanie znanych wartości w przeglądarkach lokalnych baz danych zajmie trochę czasu. – dermatthias
Niezły pomysł, ale nie zapobiega zapisywaniu numerów kart kredytowych w niezaszyfrowanej bazie danych autouzupełniania. –
To jest straszna sugestia i musi być nieoznakowana jako odpowiedź. – c00000fd