Atrybut autocomplete

Atrybut autocomplete wyłącza automatyczne uzupełnianie formularza.

Automatyczne uzupełnianie to sytuacja, kiedy przeglądarka proponuje podstawienie do pola danych, które były wcześniej w tym polu wprowadzane. Może to nie zawsze być wygodne, ponieważ, na przykład, przeglądarka może podpowiedzieć twój login lub hasło osobie o złych zamiarach itp. Dla pól, do których wprowadzane są poufne informacje, automatyczne uzupełnianie należy wyłączać.

Atrybutu autocomplete można używać nie tylko do ukrywania poufnych danych. Na przykład, można wyłączać automatyczne uzupełnianie w odpowiedziach na testy. Jest to potrzebne po to, aby przy ponownym przechodzeniu testu przeglądarka nie podpowiadała odpowiedzi (tracą cały interes testów).

Można używać jako atrybutu bez wartości, albo można podać jedną z wartości.

Wartości

Wartość	Opis
`on`	Automatyczne uzupełnianie włączone (wartość domyślna).
`off`	Automatyczne uzupełnianie wyłączone.

Przykład

Włączmy automatyczne uzupełnianie dla inputa. Wpisz w niego, na przykład, słowo "autouzupełnianie" i naciśnij przycisk wysyłania (jest to obowiązkowe, ponieważ przeglądarka zapamiętuje tylko wysłane słowa). Następnie wróć do przykładu i wprowadź do niego literę "a" - przeglądarka podpowie ci słowo "autouzupełnianie" i będziesz mógł je wybrać, nie wprowadzając go w całości:

<form action="">
	<input type="text" autocomplete="on" name="test">
	<input type="submit">
</form>

Przykład

A teraz wyłączmy automatyczne uzupełnianie. Wykonaj te same manipulacje, co w poprzednim przykładzie, ale żadne podpowiedzi nie będą się pojawiać:

<form action="">
	<input type="text" autocomplete="off" name="test">
	<input type="submit">
</form>

Zobacz też

znacznik datalist,
który tworzy automatyczne uzupełnianie według twojej listy