Po zapoznaniu się z elementem formularza i sposobem stworzenia formularza interaktywnego omówimy, jak pomóc użytkownikom uniknąć ponownego wprowadzania danych.
Korzystanie z 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 jest przyjemne.
W takiej sytuacji może Ci pomóc autouzupełnianie. Adres wpisujesz tylko raz. Od teraz przeglądarka będzie oferować opcję automatycznego wypełniania tego samego adresu w innych formularzach.
Przeprowadziłeś/przeprowadziłaś się do innego miasta? Nie musisz się martwić, że stary adres będzie zawsze widoczny. Aby adres był zawsze aktualny, możesz edytować dane adresowe zapisane przez przeglądarkę.
Jak działa autouzupełnianie w przeglądarce?
Pole adresu może wyglądać bardzo różnie w różnych witrynach. Jak przeglądarka wie, że to pole adresu?
Przeglądarki używają heurystyk do identyfikowania pola adresu.
Jakie są wartości atrybutów name, type i id?
Czy w elemencie formularza występuje atrybut autocomplete?
Na podstawie tych informacji przeglądarki mogą oferować opcję autouzupełniania pola danymi tego samego typu, które zostały wcześniej wprowadzone. Przeglądarki mogą nawet oferować autouzupełnianie całego formularza.
Pomoc dotycząca autouzupełniania w przeglądarkach
Zobaczmy, co możesz zrobić, aby przeglądarki mogły oferować prawidłowe opcje autouzupełniania.
Używanie sensownych wartości atrybutów
Jak już wiesz, przeglądarki mogą rozpoznawać typ danych na podstawie atrybutów elementu sterującego w formularzu.
<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 wartości email dla atrybutów name, id i type.
3 wskazówki dla przeglądarki, że jest to pole e-maila.
Atrybut autouzupełniania
Są też inne przypadki, w których przeglądarki nadal mają trudności z określeniem typu danych wyłącznie na podstawie atrybutów name, id i type.
Możesz pomóc w tym zakresie, używając atrybutu autocomplete.
Czy w używanej przeglądarce wcześniej wpisano już nazwę? Podczas wersji demonstracyjnej przeglądarka prawdopodobnie zaproponuje ponowne wypełnienie tego pola.
Więcej informacji o autouzupełnianiu i autouzupełnianiu danych znajdziesz w następnym module.
Sprawdź swoją wiedzę
Sprawdź swoją wiedzę o autouzupełnianiu
Na podstawie których atrybutów jest oferowane autouzupełnianie?
name.typeautocomplete