iOS 8的一个功能是可以使用手机相机扫描信用卡并自动将卡号输入到Safari中。在这里可以看到:http://www.cnet.com/how-to/scan-your-credit-card-instead-of-keying-in-number-for-purchases-in-ios-8/。然而,虽然我已经确认它可以在amazon.com的移动网站上使用,但它不适用于更小的零售商。那些零售商需要做什么才能让它在他们的网站上运行?
您的问题在这里得到了解答:https://dev59.com/2l8e5IYBdhLWcg3w-OYn#25925195
必须使用正确的输入字段id。例如:
id="credit-card-number"
网站必须通过HTTPS访问并需要具有有效的证书。
name
、id
、label
和 autocomplete
属性时,它将自动填充这些字段,不仅适用于扫描信用卡,而且适用于其他类型的表单(例如结账表单)。autocomplete
。autocomplete
只有 on
和 off
两个值。现在它们有很多值,包括 cc-name
(卡片名称)、cc-number
、cc-exp
、cc-csc
(安全码-CVV)等(完整列表在 此处)。<label>Credit card number:
<input type=text autocomplete="cc-number">
</label>
<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">
section-red : wrapping as a section. (named red)
shipping : shopping/billing
mobile : home|work|mobile|fax|pager (For telephone)
tel : [Tokens][2]
当我们像这样编码时,浏览器会准确知道应该在哪个字段中填充什么样的值。但像Safari这样的浏览器需要正确设置name
、id
或label
值。
autocomplete
、id
和name
属性自动完成数值。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没有相关文档。这里是我参考的博客。