如何填写关闭自动完成功能的网页字段

Question

我想自动填写 HTML 网页上的注册表单字段。表单有多个输入框。我想定义字段的值，当网页出现时，字段会自动填充。之前，我使用了自动填充扩展。但是，字段的自动完成功能已关闭，HTML 对象没有名称或 ID。而且，他们有相同的班级。因此，字段不会自动填充。如何自动填写网页上的字段？ 例如，两个输入对象和一些代码定义如下：

<input autocomplete="off" class="red" placeholder="" type="text">

<input autocomplete="off" class="red" placeholder="" type="text">

<div class="input-item" max-length="10" placeholder="ID" data-v-6b0449e1=""><label class="label"><i>*</i>ID:</label><input autocomplete="off" class="ltr green" max-length="10" placeholder="" type="text"><p class="errors"><ul></ul></p></div>
<div class="select-item" data-v-6b0449e1=""><label class="label"><i>*</i>Sex:</label><select><option hidden="" disabled="" value="">Select</option><option value="false">male</option><option value="true">female</option></select><p class="errors"><ul></ul></p></div>

Answer 1

如果您希望在页面加载时填写字段，可以使用 JavaScript：

HTML

<form class="my-form">
  <input type="text" id="input1" />
  <input type="text" id="input2" />
  <input type="text" id="input3" />
</form>

JavaScript

window.onload = function() {
  document.getElementById("input1").value = "This is the first input";
  document.getElementById("input2").value = "This is the second input";
  document.getElementById("input3").value = "This is the third input";
}

所有这些只是在页面加载时 (window.onload) 将每个指定的 input 字段的值替换为您设置的任何值。