如何创建用于付款自动填充的HTML表单

我希望创建一个HTML表单，用户可以使用该表单输入他的付款信息（卡、姓名、出口日期）。我希望表格能够自动填写。也就是说，如果用户将其卡片添加到web浏览器中，则会弹出一个下拉菜单，以便自动填充

我表格的代码如下。除了名字和姓氏部分，一切都正常。我在网上阅读了这个链接后制作了这个表格。但cc名称仍然不起作用

我在谷歌上搜索过，但我在这个主题上找到的信息到处都是，而且没有标准

最糟糕的是，如果我从其他网站上看到其他有效的表格。我看到他们的表格中有更不恰当的信息

这种自动填充是如何真正起作用的

<script>
  form.requestAutocomplete();
  event.preventDefault();
</script>

<div class="form-group">
  <label class="col-sm-2 control-label">Numer Karty</label>
  <div class="col-xs-5">
    <input data-braintree-name="number" class="form-control" autocomplete="cc-number" type="text" placeholder="0000 0000 0000 0000"  required="true" name="ccnumber" inputmode="numeric">
  </div>
</div>

<div class="form-group">
  <label class="col-sm-2 control-label">Imię i Nazwisko</label>
  <div class="col-xs-5">
    <input data-braintree-name="cardholder_name" class="form-control" autocomplete="cc-name" type="text" placeholder="Imię i Nazwisko" required="true" name="ccname">
  </div>
</div>

<div class="form-group">
  <label class="col-sm-2 control-label">Ważność</label>
  <div class="col-sm-10">
    <div class="form-inline">
      <input data-braintree-name="expiration_month" class="form-control" autocomplete="cc-exp-month" type="text" placeholder="Miesiąc" required="true" name="ccexpmonth" inputmode="numeric">
      <input data-braintree-name="expiration_year" class="form-control" autocomplete="cc-exp-year" type="text" placeholder="Rok" required="true" name="ccexpyear" inputmode="numeric">
    </div>
  </div>
</div>

form.requestAutocomplete（）；
event.preventDefault（）；
卡蒂数
伊米·纳兹维斯科
瓦努奇

结果表明，浏览器的自动填充功能只有在您使用HTTPS连接时才起作用。很聪明，但是这些信息找不到

我希望这能帮助下一个人：）