Nowy(ish) w HTML5

autocomplete atrybut został wprowadzony jako nieoficjalna funkcja HTML w Internet Explorerze Microsoftu i został przyjęty przez wiele innych przeglądarek. Tak więc od dawna było dla niego szerokie poparcie, chociaż jego dokładne zachowanie nie było ustandaryzowane. W HTML5 atrybut autocomplete jest oficjalną częścią specyfikacji.,

autouzupełnianie a lista & <datalist>

atrybut autocomplete prosi przeglądarkę o próbę autouzupełnianie na podstawie historii użytkownika. Jest to przydatne w przypadku danych osobowych, takich jak imię i adres e-mail — rzeczy, które użytkownik może mieć typy w podobnych polach wprowadzania na innych stronach internetowych. Funkcja autocomplete nie jest w stanie dostarczyć przeglądarce listy opcji autouzupełniania specyficznych dla witryny., Dla zachowania autouzupełniania z sugestiami specyficznymi dla witryny, użyj atrybutu list z elementem <datalist>.

celowo „zepsute”

wszystkie główne przeglądarki ignorują wartośćautocomplete="off" dla niektórych typów pól wejściowych. Internet Explorer i Edge ignorują go dla wszystkich pól password. Firefox ignoruje go dla dowolnego pola w formularzu logowania. Chrome ignoruje je za każdym razem, gdy użytkownik zdecyduje się pozwolić przeglądarce zapamiętać dane formularza. Safari ignoruje pola nazwy użytkownika, adresu e-mail i hasła., Ignorowanie wartości autocomplete="off" ma na celu zwiększenie użyteczności i zwiększenie kontroli użytkownika nad zachowaniem autouzupełniania. Jako Projektant UX, powinieneś podążać za nimi i używać autocomplete="off" oszczędnie. Istnieje bardzo niewiele przypadków użycia w normalnych formach, w których naprawdę sensowne jest wyłączenie autocomplete. W niektórych złożonych aplikacjach sensowne jest unikanie przypadkowych wejść, ale w większości standardowych formularzy tak naprawdę nie ma powodu.,

Autouzupełnianie i nazwa

przeglądarki używają atrybutuname, aby dowiedzieć się, jakiego typu informacje wymagane jest pole wprowadzania. Więc użyj standardowych, znaczących wartości dla name., Jeśli pytasz o adres, użyj nazw takich jak:

  • address-1
  • address-2
  • city
  • state lub province
  • zip lub postal-code

nie używaj sprytnych lub dziwnie specyficznych nazw, ponieważ utrudnia to przeglądarce dostarczanie autouzupełnianie sugestii, a nawet może doprowadzić do tego, że przeglądarka próbuje wprowadzić niewłaściwe wartości do niewłaściwych danych wejściowych., (Czy kiedykolwiek twoja przeglądarka wypełniła swój numer telefonu w polu kodu pocztowego? To była wina złego nazewnictwa.)

wartości atrybutu autouzupełniania

Nazwa wartości uwagi
wyłącza autouzupełnianie.
włącza autouzupełnianie.,

wszystkie atrybuty elementu wejściowego

nazwa atrybutu wartości uwagi
krok określa odstęp między ważnymi wartościami na wejściu opartym na liczbach.
wymagane Określa, że pole wprowadzania jest wymagane; wyłącza przesyłanie formularza i ostrzega użytkownika, jeśli wymagane pole jest puste.
Element Zastępczy określa tekst zastępczy we wprowadzaniu tekstowym.,
wzorzec określa Wyrażenie regularne, na podstawie którego należy zweryfikować wartość wejścia.
wiele pozwala użytkownikowi wprowadzić wiele wartości do przesłanego pliku lub wprowadzania wiadomości e-mail.
min określa minimalną wartość dla pól wprowadzania Liczby i daty.
max określa maksymalną wartość pól wprowadzania Liczby i daty.,
list Określa identyfikator elementu<datalista>, który zawiera listę sugestii autouzupełniania pola wejściowego.
wysokość Określa wysokość wejścia obrazu.
formtarget określa kontekst przeglądania, w którym ma zostać otwarta odpowiedź z serwera po przesłaniu formularza. Do użytku tylko na wejściach typu „submit” lub „image”.,
formmethod określa metodę HTTP (GET lub POST), która ma być używana podczas przesyłania danych formularza do serwera. Tylko do użytku na wejściach typu „submit” lub „image”.
formenctype określa sposób przesyłania danych formularza do serwera. Tylko do użytku na typach wejściowych „submit” i „image”.
formaction Określa adres URL do przesłania formularza. Może być używany tylko dla type= „submit” I type = „image”.
formularz określa formularz, do którego należy pole wejściowe.,
autofocus Określa, że pole wejściowe powinno być ustawione ostrości natychmiast po załadowaniu strony.
accesskey definiuje Skrót klawiszowy dla elementu.
autouzupełnianie off
on 		określa, czy przeglądarka powinna próbować automatycznie uzupełnić dane wejściowe na podstawie danych wejściowych użytkownika do podobnych pól.
border został użyty do określenia obramowania na wejściu. Deprecated. Zamiast tego użyj CSS.,
zaznaczone określa, czy pole wyboru lub przycisk opcji powinno być domyślnie zaznaczone.
wyłączone wyłącza pole wprowadzania.
maxlength określa maksymalną liczbę znaków, które można wprowadzić do wprowadzania tekstu.
język został użyty do wskazania języka skryptowego używanego do zdarzeń wyzwalanych przez wejście.
nazwa Określa nazwę elementu wejściowego., Nazwa i wartość każdego elementu wejściowego są zawarte w żądaniu HTTP podczas przesyłania formularza.
rozmiar określa szerokość wejścia w postaci znaków.
src definiuje źródłowy adres URL dla wejścia obrazu.
Typ button
checkbox
file
hidden
image
password
radio
reset
submit
text		 określa typ wejścia.
wartość definiuje wartość początkową lub domyślną dla pola wejściowego.,
Adam is a technical writer who specializes in developer documentation and tutorials.