Atrybut autocomplete dla <input> w HTML
Definicja i zastosowanie
autocomplete
Atrybut określa, czy pole wejściowe powinno być włączone do automatycznego wypełniania.
Automatyczne wypełnianie pozwala przeglądarkom przewidywać wartości. Kiedy użytkownik zaczyna wpisywać zawartość w polu, przeglądarka powinna wyświetlać opcje do wypełnienia tego pola na podstawie wcześniejszych wpisów.
Uwaga:autocomplete
Atrybut stosuje się do następujących typów pol wejściowych:
- text
- search
- url
- tel
- password
- datepickers
- range
- color
Przykład
HTML formularz z włączoną automatyczną wypełnianą, zawierający pole do włączenia automatycznego wypełniania:
<form action="/action_page.php" autocomplete="on"> <label for="fname">Imię:</label> <input type="text" id="fname" name="fname"><br><br> <label for="lname">Przyimek:</label> <input type="text" id="lname" name="lname"><br><br> <label for="email">E-mail:</label> <input type="email" id="email" name="email" autocomplete="off"><br><br> <input type="submit"> </form>
Gramatyka
<input autocomplete="on|off">
Wartość atrybutu
Wartość | Opis |
---|---|
on | Domyślnie. Określa włączenie automatycznego uzupełniania (włączenie). |
off | Określa wyłączenie automatycznego uzupełniania (wyłączenie). |
Wsparcie przeglądarek
Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje ten atrybut.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
17.0 | 6.0 | 2.0 | 5.1 | 10.0 |
Wskazówka:W niektórych przeglądarkach może być konieczne ręczne włączenie funkcji automatycznego uzupełniania (zobacz menu przeglądarki "Preferencje").
Komentarz:autocomplete
Atrybut to nowa atrybut w HTML5.