Html “显示”；扫描信用卡“；在页面导航后的独立web应用中

我有一个2页的注册/会员微型网站。第二页包含收集信用卡信息的表单。点击CC号码时，我希望左上角的“扫描信用卡”按钮显示出来

以下是输入字段：

<input type="text" class="form-control input-sm" id="cardNumber" data-encrypted-name="number" autocomplete="off" name="addCreditCardNumber">

场景#1-有效

在mobile Safari中，当点击CC number输入字段时，键盘上会显示扫描卡按钮

场景#2-有效

如果我在iPad的第二页上创建了一个应用程序图标（通过选择“添加到主屏幕”），并启动了web应用程序，当我点击“抄送号码”字段时，键盘上会显示“扫描卡”按钮

场景#3-失败

如果我从iPad的第一页创建一个应用程序图标，启动web应用程序，填写信息，然后将表单发布到第二页，当我点击“抄送号码”字段时，键盘上不会显示“扫描卡”按钮

所有页面都托管在安全站点和同一域上

有什么想法吗