Po zapoznaniu się z elementem formularza i sposobem zachowania interaktywnego formularza zobaczmy, jak możesz pomóc użytkownikom uniknąć ponownego wpisywania danych.
Wykorzystaj wszystkie możliwości autouzupełniania
Wypełnianie formularzy może być czasochłonne. Na przykład wielokrotne ponowne wpisywanie adresu w każdej witrynie, w której chcesz coś kupić, nie będzie wygodne w przypadku zakupów.
Pomoże Ci w tym autouzupełnianie. Adres wprowadza się raz. Od tej pory przeglądarka będzie proponować Ci automatyczne wypełnianie tego samego adresu w innych formularzach.
Przenosisz się do innego miasta? Nie musisz się martwić, że stary adres będzie dostępny jako opcja na stałe. Możesz edytować dane adresowe zapisane w przeglądarce, aby zawsze były aktualne.
Jak działa autouzupełnianie w przeglądarce?
Pole adresu może wyglądać zupełnie inaczej w różnych witrynach. Skąd przeglądarka wie, że dane są polem adresu?
Do rozpoznawania pól adresu przeglądarki
korzystają z heurystyki.
Jakie są wartości atrybutów name
, type
i id
?
Czy w elemencie sterującym formularzem znajduje się atrybut autocomplete
?
Na podstawie tych informacji przeglądarki mogą zaoferować opcję autouzupełniania pola danymi wprowadzonymi wcześniej tego samego typu. Przeglądarki mogą nawet proponować autouzupełnianie całego formularza.
Pomóż przeglądarkom w korzystaniu z autouzupełniania
Zobaczmy, jak możesz pomóc przeglądarkom oferować poprawne opcje autouzupełniania.
Używaj rozsądnych wartości atrybutów
Jak już wiesz, przeglądarki mogą identyfikować typ danych na podstawie atrybutów elementów sterujących formularza.
<label for="email">Email</label>
<input type="email" name="email" id="email">
Czy masz pole, w którym użytkownicy powinni wpisać swój adres e-mail?
Użyj email
jako wartości atrybutów name
, id
i type
.
Trzy wskazówki dla przeglądarki, że jest to pole adresu e-mail.
Atrybut autouzupełniania
Istnieją inne przykłady, w których przeglądarkom wciąż może trudno rozpoznać typ danych wyłącznie na podstawie atrybutów name
, id
i type
.
Możesz nam w tym pomóc, używając atrybutu autocomplete
.
Czy wpisałeś nazwę wcześniej w używanej przeglądarce? W wersji demonstracyjnej przeglądarka prawdopodobnie zaoferuje opcję ponownego wypełnienia tego pola w tym polu.
Więcej informacji o korzystaniu z autouzupełniania i autouzupełniania znajdziesz w dalszej części modułu.
Sprawdź swoją wiedzę
Sprawdź swoją wiedzę na temat autouzupełniania
Na podstawie których atrybutów jest dostępne autouzupełnianie?
name
.type
autocomplete