使用javascript自动填充文本字段的替代方法？答案

【问题标题】：Alternate ways to autofill textfield using javascript?使用javascript自动填充文本字段的替代方法？
【发布时间】：2019-05-29 01:34:01
【问题描述】：

我正在尝试使用javascript 在网站上自动填充username/password 字段，但是使用.value 不适用于此特定页面。文本已填写，但网站报告username/password 为空，好像没有任何数据一样。 Safari 自动填充在 iPhone 上也经常会出现问题，但是 chrome 可以完美地处理它，所以显然有办法。

我在 swift 中使用 WkWebView 并评估 javascript 以尝试自动填充数据。

如果有帮助，请访问以下网站：login.usfca.edu/login/login

我试过的代码：

document.getElementById('username').value='TestUsername';
document.getElementById('password').value='TestPassword';

【问题讨论】：

显示您尝试过的代码 - stackoverflow.com/help/how-to-ask
您可能希望在 HTML 中使用 autocomplete
@TusharWalzade 我添加了我尝试过的代码。您能否详细说明或提供有关在我的 html 上使用自动完成功能的链接？我对编程很陌生。谢谢！
Populating input text field in WKWebView的可能重复

标签： javascript swift wkwebview autofill

【解决方案1】：

您可以使用此代码进行自动填充

<head>
  <meta charset="utf-8">
  <title>Prefill inputs</title>
</head>

<body><p>Example Enter Apple...</p>
 Enter: <input id="main" class="input_1" list="competition" type="text" name="competition">
  <datalist id="competition" class="listos">
    <option value="Mango">Mango</option>
    <option value="Apple">Apple</option>
    <option value="Orange">Orange</option>
  </datalist>



  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  <script>
    const $main = $('#main');
    const $inputs = $('.sub');

    const values = {
      trigger: 'community shield',
      communityShield: ['one', 'two', 'three']
    };

    $main.on('keyup input', function () {
      const inputValue = this.value.toLowerCase()
      if (inputValue === values.trigger) {
        $inputs.each(function (i, el) {
          el.value = values.communityShield[i];
        });
      }
    });
  </script>
</body>

</html>

【讨论】：

【解决方案2】：

注意：我不是一个快速的程序员，但考虑到您使用纯 HTML 来编写脚本。 如果您不使用纯 HTML，只需检查您的元素以获取相同的 id，这样您就可以确保引用正确的 ids 。

如果您想使用getElementById 分配值，则必须为输入提供id。

示范 -

document.getElementById('username').value='TestUsername';
document.getElementById('password').value='TestPassword';

<form action="#" autocomplete="on">
  username: <input type="text" name="username" id="username"><br><br>
  password: <input type="password" name="password" id="password"><br><br>
  <input type="submit">
</form>

在哪里，autocomplete可选在填写输入时为您提供来自浏览器的缓存建议。

【讨论】：