スマホカメラによるカードの読み取りを行いフォームに入れる 入力欄にカーソルが来ると、 Android:「新しいカードをスキャン」 iPhone: 「クレジットカードを読み取る」 と出ます。 決済用フォームなどであるとUI, UXの面で良いかもしれません 私は手入力の方が速いので好きですが… Autocomplete 特別な事はなく、form の autocomplete に特定の設定をします。 WHATWG HTML Standard という標準仕様があり、それによって各ブラウザが実装しているようです。 WHATWG HTML Standard:autofill ページを見ていくと、いろいろありますがカード関係に注目すると以下のようになっています。 (細かくは他にもありますが主なものとして) cc-number クレジットカード番号 cc-exp-month 有効期限(月) cc-exp-
![【Android,iPhone】カード番号を入力させる際のカメラによるスキャン - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f977288bcf2ec76f9835fffeee60479ca77f9109/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUUzJTgwJTkwQW5kcm9pZCUyQ2lQaG9uZSVFMyU4MCU5MSVFMyU4MiVBQiVFMyU4MyVCQyVFMyU4MyU4OSVFNyU5NSVBQSVFNSU4RiVCNyVFMyU4MiU5MiVFNSU4NSVBNSVFNSU4QSU5QiVFMyU4MSU5NSVFMyU4MSU5QiVFMyU4MiU4QiVFOSU5QSU5QiVFMyU4MSVBRSVFMyU4MiVBQiVFMyU4MyVBMSVFMyU4MyVBOSVFMyU4MSVBQiVFMyU4MiU4OCVFMyU4MiU4QiVFMyU4MiVCOSVFMyU4MiVBRCVFMyU4MyVBMyVFMyU4MyVCMyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9N2NlMTZmYzJmZWFiZTUwMDg0ZDU3OGUwZTkxZjk2ZTY%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwYV9faV9fciZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NDFlOWUxMGNmZTUzMjFjNjJhYzg1NWMyYzgwOWYzMGM%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Da2928788224c5affe31f89d0e8114456)