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.typeautocomplete