Chrome opcje autouzupełniania pole e-mail nie wykazujące na mojej stronie

Question

Jak znaleźć wiele nowych stron internetowych po raz pierwszy widzę, że:

1. Dla niektórych stronach internetowych, oddanie mój kursor w polu e-mail formularz rejestracyjny natychmiast pokazuje mi opcje e-mail z tego, co wprowadziłem na innych stronach internetowych.
2. W przypadku innych witryn, umieszczenie kursora w polu adresu e-mail nie daje mi żadnych opcji e-mail. I muszę ręcznie wpisać każdą literę e-maila.

Nie mogłem znaleźć kodu, który rozróżnia dwa przypadki. Na mojej stronie utknąłem w punkcie 2. Próbuję osiągnąć numer 1, w którym użytkownik może ponownie wykorzystywać wiadomości e-mail wprowadzone w innych witrynach.

użyłem kodu tak:

<input type="email" name="email" id="frmEmailA" placeholder="name@example.com" required autocomplete="email"> 

Answer 1

Wydaje się, że chcesz włączyć autocomplete, ale podałeś zły atrybut.

SYNTAX:

autouzupełnianie = "on | off"

Aby zapisać adres e-mail wprowadzony po razpierwszej choć, trzeba mieć form tag z atrybutem method="POST" na nim.Zalecane jest również użycie atrybutu autocompletetype, aby pomóc przeglądarce dokładniej wypełniać formularze.

UWAGA: W niektórych przypadkach w starszych przeglądarkach może być konieczne dodanie działania, jeśli formularz nie ma takiego działania. action="javascript:void(0)" działa.

Przykładem z autouzupeĹ,nianiu ON i method="POST":

<form method="POST" action="javascript:void(0)"> 
 
    <input type="email" name="email" id="frmEmailA" placeholder="name@example.com" required autocomplete="on" autocompletetype=”email”> 
 
    <input type="submit"> 
 
</form>

przykładu bez AutoComplete i method="POST":

<form> 
 
    <input type="email" name="email" id="frmEmailA" placeholder="name@example.com" required autocomplete="off"> 
 
    <input type="submit"> 
 
</form>

Zobacz także How to trigger Autofill in Google Chrome?

Answer 2

Prawidłowe wartości dla atrybutu autouzupełniania jest „on” lub „off” jak widać na: https://www.w3schools.com/Tags/att_input_autocomplete.asp

Answer 3

Różnica jest w autocomplete atrybut elementu input.

Składnia:<input autocomplete="">

Pozwala przeglądarka automatycznie wypełnione pole wprowadzania na podstawie wcześniej wypełnionych danych.

Stąd w #1 wartość atrybutu autocomplete należy on.

DEMO

E-mail: <input type="email" name="email" autocomplete="on">

W #2 wartość autocomplete atrybutu powinna być off.

DEMO

E-mail: <input type="email" name="email" autocomplete="off">

Answer 4

odpowiedzi tak daleko są złe/nieaktualne lub niepełne.

Używanie autocomplete="email" jest perfectly valid. Ale przeglądarki nie radzą sobie w tej chwili zbyt dobrze. W Firefoksie i Chrome tylko atrybut name służy do autouzupełniania. Więc powinieneś trzymać się z name="email".

Jeśli użytkownik Chrome naprawdę chce mieć prawidłowe autouzupełnianie dla każdego typu obsługiwanego przez autocomplete, musi wypełnić Autofill settings. Po wypełnieniu tych ustawień autouzupełnianie nie zależy już od atrybutu name, ale używa typu autocomplete. TO ZNACZY. to zasugeruje adres e-mail użytkownika dla pól z autocomplete="email".

Aby mieć najlepszą obsługę przeglądarki, należy zachować <input name="email" autocomplete="email" [...]>. Gdy tylko zostanie przesłany przynajmniej jeden formularz z name="email" lub wstępnie wypełnionymi ustawieniami autouzupełniania, przeglądarka powinna automatycznie uzupełnić wprowadzone pole.

Dalsze Zasoby:

• caniuse: autocomplete attribute: on & off values
• caniuse: input[autocomplete] (values besides on/off)

Na niektórych stronach internetowych, putting mój kursor w polu e-mail formularz rejestracyjny natychmiast pokazuje mi e-mail opcji z tego co wszedł w innych witrynach.

I nie można odtworzyć, że na najnowszym Chrome na Mac OS X. trzeba rzeczywiście DoubleClick wejście dla autouzupełniania, aby pokazać się.

Answer 5

Użyj autocomplete="on" w form tag. jak poniżej.

<form action="" method="post" autocomplete="on"> 
    <input type="email" name="email" id="frmEmailA" placeholder="name@example.com" required> 
    <input type="submit" value="Submit"> 
</form>