我的反应应用程序中有一个非常简单的表单来获取用户信用卡信息,如下所示。
<form autocomplete="on">
<input class="control" id="card_number" type="tel" name="card_number" autocompletetype="cc-number"/>
<input name="cc-exp-month"/>
<input name="cc-exp-year"/>
<input name="cc-exp"/>
</form>
Run Code Online (Sandbox Code Playgroud)
我希望浏览器(在本例中为 safari)显示如下图所示的信用卡选项。
有趣的事实:当我开始我的应用程序时npm start(如上图所示),我可以重现预期的行为(以上述两种形式)。但是,如果我运行npm run build并提供 ./build 文件夹,则不会显示信用卡选项。
这就是我仍然不明白的地方,为什么相同的代码可以以一种方式工作,但不能以另一种方式工作?
PS1:我在这两种情况下都使用 HTTPS 进行测试。
PS2:我测试了不同的输入名称,autocomplete="cc-number" 等。但它们都不起作用。由于代码适用于npm start,我认为这不是代码问题。