はてなブックマーク

iOS Safari 8 からクレジットカード番号をカメラで読み取れるようになりました。 下図のようにカード番号の入力フォームにフォーカスした時に クレジットカードを読み取る が表示されます。 この クレジットカードを読み取る を選択できるようにするには少しだけHTMLに手を加える必要があります。 クレジットカード入力フォームであることを明示する Safariがクレジットカードの入力フォームと認識するには幾つかのルールがあるようです。 input タグに対して name や id を指定することで認識してくれます。 name="addCreditCardNumber" name="cardNumber" name="cardnumber" id="cardNumber" name を変更するとサーバサイドへのパラメータに影響するので今回は id 指定でいくことにしました。