背景： 我正在创建一个需要三种单独类型的联系信息的表单。我遵循了W3's guide on the autocomplete attribute，因此当用户使用自动填充功能填写此表单时，这些部分将保持不变，并且不会互相影响。
当前： 在使用Chrome自动填充的此表格上遇到问题。自动填充会忽略单独的部分，并在一个不应该填充的部分中填充另一个。我在Edge和Firefox上进行了尝试，它们都尊重自动填充的不同部分。
下面是两个问题区域的样本。如您所见，两个输入都遵循“ section-”令牌上的自动填充准则，但Chrome认为它们是相同的。
代码段：
<input type="text" autocomplete="section-user given-name" name="userfirstName" id="userfirstName" data-bind="value: viewModel.firstName" class="form-control" />
<input type="text" autocomplete="section-contact1 name" name="contactOnename" id="contactOnename" data-bind="value: viewModel.contactOnename.name" class="form-control" />