javascript - 地址文本区域元素不会在 Firefox 中自动填充

Question

我正在更新一个如下所示的网络表单:

我的目标是让每个字段都使用用户浏览器地址簿中存储的信息自动填充。

我无法直接访问 HTML，但我可以将 JavaScript 添加到页面。我添加了这个 jQuery:

<script>
  $(document).ready(function() {
    $("[id$='WizDonationForm']").attr("autocomplete", "on");
    $("[id$='DdlTitle']").attr("autocomplete", "honorific-prefix");
    $("[id$='TbFirstName']").attr("autocomplete", "given-name");
    $("[id$='TbLastName']").attr("autocomplete", "family-name");
    $("[id$='DdlCountry']").attr("autocomplete", "country-name");
    $("[id$='TbAddress']").attr("type", "autocomplete");
    $("[id$='TbAddress']").attr("autocompletesearch", "addrbook");
    $("[id$='TbAddress']").attr("autocomplete", "billing street-address address-line1");
    $("[id$='TbCity']").attr("autocomplete", "locality");
    $("[id$='DdlState']").attr("autocomplete", "region");
    $("[id$='TbZip']").attr("autocomplete", "postal-code");
    $("[id$='TbPhone']").attr("autocomplete", "tel-national");
    $("[id$='TbEmail']").attr("autocomplete", "email");
  });
</script>

这符合我在 Chrome、Edge 和 Opera 中的要求，但在 Firefox 中，文本区域地址字段无法自动填充。这是执行 jQuery 后 textarea 地址元素的源代码:

<textarea name="PC3650$ctl00$WizDonationForm$TbAddress" rows="3" cols="20" id="PC3650_ctl00_WizDonationForm_TbAddress" class="form-control" onblur="ValidatorValidate(document.getElementById('RfvAddress'));" type="autocomplete" autocompletesearch="addrbook" autocomplete="billing street-address address-line1"></textarea>

为什么 Firefox 不会从我的地址簿中自动填充此字段？所有其他字段(标题除外，见下文)都会根据需要自动填充。我确信它一定与成为文本区域而不是输入或选择元素有关，但我不知道如何使其在 Firefox 中正常工作。

一个偶然但不太重要的问题是是否有任何方法可以使标题/敬语前缀下拉菜单起作用。目前它无法在任何浏览器中运行，而且似乎没有浏览器允许您在地址簿中存储标题/尊称前缀。所以我猜这是不可能完成的，但如果有人知道的话，我会对实现这项工作的方法感兴趣。

Answer 1

看起来像是一个从 Unresolved 错误。

There are no fields for titles - honorific name prefix and suffix - in the address book cards

Address book should have full vCard 4.0 RFC 6350 and RFC2426 (vCard 3.0) support