html - 在具有相同类名的多个输入字段中自动填充电子邮件

Question

我正在构建一个 html 页面，其中有相同的电子邮件输入字段。因此它们具有相同的类和属性，但 id 不同。

当我输入它时，它可以正常工作，但是当我使用自动填充电子邮件下拉菜单时，所有字段都会填充相同的电子邮件。

这是代码：

<div class="input-group mb-3">
    <input class="form-control email-input" type="email" placeholder="Enter email address" aria-label="Enter Email" aria-describedby="basic-addon2">
    <div class="input-group-append">
         <button class="btn btn-outline-secondary email-button" type="button">Submit email</button>
    </div>
</div>

标签： htmlcssbootstrap-4