Po zapoznaniu się z element formularza i jak go utworzyć. interactive, Zobaczmy, jak pomóc użytkownikom uniknąć ponownego wprowadzania danych.
Wykorzystaj w pełni możliwości autouzupełniania
Wypełnianie formularzy może być czasochłonne. Na przykład wielokrotne wpisywanie adresu w każdej witrynie, w której chcesz coś kupić, nie będzie przyjemnym doświadczeniem z zakupami.
Autouzupełnianie może Ci pomóc. Adres wpisujesz raz. Od tej pory Twoja przeglądarka będzie umożliwiać automatyczne wpisywanie tego samego adresu w innych formularzach.
Przeniosłeś(-aś) się do innego miasta? Nie martw się, jeśli nadal będziesz mieć stary adres jako opcję. Aby aktualizować dane, możesz edytować dane adresowe zapisane przez przeglądarkę.
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 jest to pole adresu?
Przeglądarki używają
do identyfikacji pola adresu.
Jakie są wartości atrybutów name
, type
i id
?
Czy w elemencie sterującym formularza znajduje się atrybut autocomplete
?
Na podstawie tych informacji przeglądarki mogą oferować opcję autouzupełniania pola wcześniej wprowadzonymi danymi tego samego typu. Przeglądarki mogą nawet proponować autouzupełnianie całego formularza.
Pomoc dla przeglądarek dotyczących autouzupełniania
Zobaczmy, jak pomóc przeglądarkom oferować prawidłowe opcje autouzupełniania.
Używaj rozsądnych wartości atrybutów
Jak wiesz, przeglądarki potrafią rozpoznać typ danych na podstawie atrybutów elementu sterującego 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 to jest pole adresu e-mail.
Atrybut autouzupełniania
Istnieją też inne przykłady sytuacji, w których przeglądarki nadal mogą mieć trudności z rozpoznaniem typu danych wyłącznie na podstawie atrybutów name
, id
i type
.
Możesz im pomóc, używając atrybutu autocomplete
.
Czy w przeglądarce, której używasz, wprowadzano już jakąś nazwę? Przeglądarka prawdopodobnie zaproponuje Ci ponowne wypełnienie tego pola w wersji demonstracyjnej.
Więcej informacji o korzystaniu z usługi autouzupełniania i autouzupełniania w późniejszym module.
Sprawdź swoją wiedzę
Sprawdź swoją wiedzę na temat autouzupełniania
Na podstawie jakich atrybutów dostępne jest autouzupełnianie?
type
name
.autocomplete