Question

我正在寻找创建一个HTML表单，供用户用来输入他的付款信息（卡片，名称，exp。日期）。我希望表单能够自动填充。这意味着，如果用户将他或她的卡添加到Web浏览器，则会弹出一个下拉菜单以便于自动填充。

我的表格代码如下。一切正常，但姓名和姓氏部分。我在whatwg.org上阅读此链接后创建了此表单。但是 cc-name 仍无效。

我查看了谷歌，但我在这个主题上找到的信息到处都是，它的接缝没有标准。

如果我从其他有效的网站查看其他表单，那么最糟糕的是。我看到他们在他们的表格中提供的信息更不合适。

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

<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>

Answer 1

事实证明，浏览器的自动填充功能仅在您使用HTTPS连接时才有效。聪明，但这个信息无处可寻。

我希望这有助于下一个人：）

如何为付款自动填充创建HTML表单

1 个答案: