cette question est assez ancienne mais j'ai une réponse mise à jour pour 2017 !

voici un lien vers la documentation WHATWG pour activer autocomplete.

Google a écrit un pretty nice guide pour le développement d'applications web qui sont conviviales pour les appareils mobiles. Ils ont une section sur la façon de nommer les entrées sur les formes d'utiliser facilement l'auto-remplissage. Eventhough il est écrit pour mobile, cela s'applique à la fois pour le bureau et mobile!

comment activer AutoComplete sur vos formulaires HTML

voici quelques points clés sur la façon d'activer autocomplete:

• utilisez un <label> pour tous vos <input> champs
• Ajouter un autocomplete attribut à vos étiquettes <input> et le remplir en utilisant ce guide .
• nommez vos attributs name et autocomplete correctement pour tous <input> tags

• exemple :

  <label for="frmNameA">Name</label>
  <input type="text" name="name" id="frmNameA"
  placeholder="Full name" required autocomplete="name">
  
  <label for="frmEmailA">Email</label>
  <input type="email" name="email" id="frmEmailA"
  placeholder="name@example.com" required autocomplete="email">
  
  <!-- note that "emailC" will not be autocompleted -->
  <label for="frmEmailC">Confirm Email</label>
  <input type="email" name="emailC" id="frmEmailC"
  placeholder="name@example.com" required autocomplete="email">
  
  <label for="frmPhoneNumA">Phone</label>
  <input type="tel" name="phone" id="frmPhoneNumA"
  placeholder="+1-555-555-1212" required autocomplete="tel">
  

Comment nommer votre <input> tags

afin de déclencher autocomplete, assurez-vous de nommer correctement le name et autocomplete dans vos attributs <input> . Cela permettra automatiquement l'autocomplet sur les formulaires. Assurez-vous également d'avoir un <label> ! Cette information peut également être trouvée ici .

Voici comment nommer vos entrées:

• nom
  • utilisez l'un de ceux-ci pour name : name fname mname lname
  • utilisez l'un de ceux-ci pour autocomplete :
    • name (pour le nom complet)
    • given-name (pour prénom)
    • additional-name (pour le deuxième prénom)
    • family-name (nom de famille)
  • exemple: <input type="text" name="fname" autocomplete="given-name">
• e-Mail
  • utilisez l'un de ceux-ci pour name : email
  • utilisez l'un de ceux-ci pour autocomplete : email
  • exemple: <input type="text" name="email" autocomplete="email">
• adresse
  • utilisez l'un de ceux-ci pour name : address city region province state zip zip2 postal country
  • utilisez l'un de ceux-ci pour autocomplete :
    • pour une entrée d'adresse:
      • street-address
    • pour deux entrées d'adresse:
      • address-line1
      • address-line2
    • address-level1 (état ou province)
    • address-level2 (ville)
    • postal-code (code postal)
    • country
• Téléphone
  • utilisez l'un de ceux-ci pour name : phone mobile country-code area-code exchange suffix ext
  • utilisez l'un de ceux-ci pour autocomplete : tel
• Carte De Crédit
  • utilisez l'un de ceux-ci pour name : ccname cardnumber cvc ccmonth ccyear exp-date card-type
  • utilisez l'un de ceux-ci pour autocomplete :
    • cc-name
    • cc-number
    • cc-csc
    • cc-exp-month
    • cc-exp-year
    • cc-exp
    • cc-type
• noms d'utilisateur
  • utilisez l'un de ceux-ci pour name : username
  • utilisez l'un de ceux-ci pour autocomplete : username
• mots de passe
  • utilisez l'un de ceux-ci pour name : password
  • utilisez l'un de ceux-ci pour autocomplete :
    • current-password (pour signer des formulaires)
    • new-password (pour les formulaires d'inscription et de changement de mot de passe)

ressources

• Current WHATWG HTML Standard for autocomplete.
• "Créer d'Incroyables Formes" de Google . Semble être mis à jour presque quotidiennement. Excellente lecture.
• "aider les utilisateurs à vérifier plus rapidement avec Autofill" de Google en 2015.

D'après mes tests, l'étiquette x-autocomplete ne fait rien. Utilisez plutôt des balises autocomplete sur vos balises d'entrée, et définissez leurs valeurs selon les spécifications HTML ici http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#autofill-field .

exemple:

<input name="fname" autocomplete="given-name" type="text" placeholder="First Name" required>

l'étiquette du formulaire parent doit être autocomplete=" on"et method="POST".

vous devez nommer les éléments de façon appropriée afin que le navigateur les autofille.

Voici la spécification de L'IETF pour ceci:

http://www.ietf.org/rfc/rfc3106.txt 1

semble que nous allons obtenir plus de contrôle sur cette fonction de remplissage automatique, Il ya une nouvelle API expérimentale à venir à Chrome Canary, qui peut être utilisé pour accéder aux données après avoir demandé à l'utilisateur pour elle:

http://www.chromium.org/developers/using-requestautocomplete http://blog.alexmaccaw.com/requestautocomplete

nouvelles infos de google:

http://googlewebmastercentral.blogspot.de/2015/03/helping-users-fill-out-online-forms.html

https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs#use-metadata-to-enable-auto-complete

Voici la vraie réponse:

• This works: http://jsfiddle.net/68LsL1sq/1/ <label for="name">Nom</label>

• Ce n'est pas: http://jsfiddle.net/68LsL1sq/2/ <label for="name">No</label>

la seule différence réside dans l'étiquette elle-même. Le " Nom "vient de" nom "ou" nom " en portugais.

So voici ce dont vous avez besoin:

• Une forme wrapper;
• Un <label for="id_of_field">Name</label>
• Un <input id="id_of_field"></input>

rien de plus.

je viens de jouer avec le spec et j'ai obtenu un bon exemple de travail - y compris quelques champs supplémentaires.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>

  <form autocomplete="on" method="POST">

    <fieldset>
        <legend>Ship the blue gift to...</legend>
        <p>
            <label> Firstname:
<input name="fname" autocomplete="section-blue shipping given-name" type="text"  required>
            </label>
      </p>
        <p>
            <label> Lastname:
<input name="fname" autocomplete="section-blue shipping family-name" type="text" required>
            </label>
      </p>

        <p>
            <label> Address: <input name=ba
                autocomplete="section-blue shipping street-address">
            </label>


      </p>
        <p>
            <label> City: <input name=bc
                autocomplete="section-blue shipping address-level2">
            </label>

      </p>
        <p>
            <label> Postal Code: <input name=bp
                autocomplete="section-blue shipping postal-code">
            </label>
      </p>

    </fieldset>
    <fieldset>
        <legend>Ship the red gift to...</legend>
        <p>
            <label> Firstname:
<input name="fname" autocomplete="section-red shipping given-name" type="text" required>
            </label>
      </p>

        <p>
            <label> Lastname:
<input name="fname" autocomplete="section-red shipping family-name" type="text" required>
            </label>
      </p>
        <p>
            <label> Address: <input name=ra
                autocomplete="section-red shipping street-address">
            </label>
      </p>


        <p>
            <label> City: <input name=bc
                autocomplete="section-red shipping address-level2">
            </label>

      </p>

        <p>
            <label> Postal Code: <input name=rp
                autocomplete="section-red shipping postal-code">
            </label>
      </p>

    </fieldset>

        <fieldset>
        <legend>payment address</legend>
        <p>
            <label> Firstname:
<input name="fname" autocomplete="billing given-name" type="text" required>
            </label>
      </p>

        <p>
            <label> Lastname:
<input name="fname" autocomplete="billing family-name" type="text" required>
            </label>
      </p>
        <p>
            <label> Address: <input name=ra
                autocomplete="billing street-address">
            </label>
      </p>


        <p>
            <label> City: <input name=bc
                autocomplete="billing address-level2">
            </label>

      </p>

        <p>
            <label> Postal Code: <input name=rp
                autocomplete="billing postal-code">
            </label>
      </p>

    </fieldset>
    <input type="submit" />
</form>

</body>
</html>

JSBIN

il contient 2 zones d'adresse séparées et aussi différents types d'adresse. Testé également sur iOS 8.1.0 et il semble qu'il remplit toujours tous les champs à la fois, tandis que chrome Bureau Auto remplir adresse par adresse.

Google fournit désormais de la documentation à ce sujet:

Aider les utilisateurs à la caisse plus rapidement avec remplissage automatique | Web | les Développeurs de Google

et

créer des formulaires étonnants: utiliser des métadonnées pour permettre auto-remplir | Développeurs Web / Google

Dans mon cas, $('#EmailAddress').attr('autocomplete', 'off'); n'est pas travaillé. Mais les travaux suivants sur chrome Version 67 par jQuery.

$('#EmailAddress').attr('autocomplete', 'new-email');
$('#Password').attr('autocomplete', 'new-password');

Voici la nouvelle liste des"noms" de Google Autofill. Il y a tous les noms supportés dans n'importe quelle langue autorisée.

autofill_regex_constants.cc