Comment puis-je configurer un formulaire web pour soutenir iOS 8 carte de crédit de la numérisation dans le navigateur safari mobile?

L'une des fonctionnalités de l'iOS 8 est la possibilité d'utiliser l'appareil photo du téléphone pour numériser des cartes de crédit et ont automatiquement le numéro entré en intrants dans Safari. Voir ici: http://www.cnet.com/how-to/scan-your-credit-card-instead-of-keying-in-number-for-purchases-in-ios-8/

Cependant, alors que j'ai confirmé qu'il travaille pour amazon.com's site mobile, il ne fonctionne pas pour les petits détaillants. Ce que les détaillants ont besoin de faire pour obtenir ce travail pour leurs sites?

Je vais avoir le même problème. J'ai un site web et le numéro de la carte ne peuvent pas être analysés.

OriginalL'auteur ryan | 2014-09-20

  1. 3

    Il y a la réponse à votre question ici https://stackoverflow.com/a/25925195/4079317

    1. Vous devez utiliser l'id correct pour le champ de saisie. Exemple:

      id="carte de crédit numéro de"

    2. Site doivent être accessibles sur HTTPS et ont besoin d'avoir un certificat valide.

    OriginalL'auteur Niko Ruotsalainen

  2. 3

    Lorsque nous avons créé le domaine name, id, label et autocomplete attributs de la forme de travail, non seulement pour la numérisation de carte de crédit, mais pour toutes les autres formes aussi. (Comme le formulaire de commande).

    Dans cette scénarios:

    1.Lorsqu'un formulaire est envoyé certains navigateurs magasins de valeurs avec des noms d'entrée et offrir l'auto remplir ces champs quand il rencontre même des champs de nouveau.

    2.Quelques autres d'analyse pour la saisie semi-automatique des valeurs de champ, et

    (3) quelques autres de numérisation des étiquettes et des noms d'entrée.

    Et lorsqu'une carte est scannée navigateur juste besoin de savoir où mettre ces valeurs correctement.

    Maintenant, regardez le autocomplete pour HTML5.

    Plus tôt autocomplete avait seulement on et off valeurs seulement. Maintenant, ils ont une tonne y compris cc-name (nom de la Carte), cc-number, cc-exp, cc-csc (numéro de Sécurité - CVV) etc. (liste complète ici)

    La façon dont nous appliquons ceci: 

    <label>Credit card number: 
  <input type=text autocomplete="cc-number">
</label>

    En général c'est comme: 

    <input type="text" autocomplete="[section-](optional) [shipping|billing](optional) 
[home|work|mobile|fax|pager](optional) [autofill field name]">

    ex: 

    <input type="text" name="foo" id="foo" autocomplete="section-red shipping mobile tel">

    Ici: 

    section-red : wrapping as a section. (named red)
shipping : shopping/billing
mobile   : home|work|mobile|fax|pager (For telephone)
tel      : [Tokens][2]

    Quand on code comme ces navigateur de savoir exactement quel type de valeur doit être remplie dans ce domaine. Mais le navigateur comme safari besoin name ou id ou label les valeurs devraient être définies droit.

    Soutien pour autocomplete, id et name attributs de l'auto de remplir valeurs.

    Browse  Ver OS              ID      Name    Autocomplete
Chrome  50  OS X 10.11.4    No      Yes     Yes
Opera   35  OS X 10.11.4    No      Yes     Yes
Firefox 46  OS X 10.11.4    Yes     Yes     No
Edge    25  Windows 10      No      Yes     No
Safari  9.1 OS X 10.11.4    Partial Partial Partial
Safari  9   iOS  9.3.1      Partial Partial Partial

    Safari n'a pas de documentation pour cet. Voici la blog j'ai arbitré.

    OriginalL'auteur Asim K T