cc-exp 的 Safari 自动完成功能不起作用

Question

我正在尝试让信用卡表单上的自动完成功能在 Safari 中正常工作，但它似乎完全忽略了到期日期的自动完成功能。无论我使用 cc-exp 还是单独的 cc-exp-month/cc-exp-year，都不起作用。不过，cc-name 和 cc-number 的自动完成功能正常工作，Chrome 中的事情也正常工作。

我已经能够将问题归结为一个非常简单的例子：

<form>
  <input type="text" autocomplete="cc-name" placeholder="name" />
  <input type="text" autocomplete="cc-number" placeholder="number" />
  <input type="text" autocomplete="cc-exp" placeholder="expiration" />
  <input type="text" autocomplete="cc-csc" placeholder="cvc" />
</form>

我在这里缺少什么？我已经尝试过使用 ID、名称和 x-autocompletetype 的旧语法。都没有任何成功。在 Safari 7 到 10 上测试过，所以这个问题似乎存在了一段时间，或者我真的错过了一些明显的东西？

（注意：要测试上面的示例，请确保您通过 https 访问此页面，否则无论如何它都不起作用）

Answer 1

我只是在寻找解决方案，并注意到在我什至没有自动完成属性的旧表单上，它可以工作。表单之间的区别在于，在旧表单上，我使用 2 个下拉字段（SELECT 标记）来表示 MM 和 YYYY 格式的到期月份和年份。

在尝试了不同的选项后，我得出的结论是 Safari 需要 2 个单独的字段，一个用于 MM，一个用于 YYYY。我现在有 2 个这样的文本字段：

<input type="text" name="CCExpiryMonth" id="CCExpiryMonth" value="" placeholder="MM" autocomplete="cc-exp">
<input type="text" name="CCExpiryYear" id="CCExpiryYear" value="" placeholder="YYYY" autocomplete="cc-exp"> 

这适用于 Safari。