移动端（h5）自动填充短信验证码

<h1>The simplest Web OTP API demo</h1>
<div>
  Send an SMS that includes
  <pre><code>@web-otp.glitch.me #12345</code></pre>
  at the last line to this phone.
</div>
<div style="border:1px solid; padding: 5px; 10px; margin: 10px 0;">
  <form action="/post" method="post">
    Enter OTP here:
    <input
      type="text"
      autocomplete="one-time-code"
      inputmode="numeric"
      name="one-time-code"
    />
    <input type="submit" value="Submit" />
  </form>
</div>
<pre><code>

<input type="text" autocomplete="one-time-code" inputmode="numeric" />
<script>
if ('OTPCredential' in window) {
window.addEventListener('DOMContentLoaded', e => {

const input = document.querySelector('input[autocomplete="one-time-code"]');
if (!input) return;
const ac = new AbortController();
const form = input.closest('form');
if (form) {
  form.addEventListener('submit', e => {
    ac.abort();
  });
}
navigator.credentials.get({
  otp: { transport:['sms'] },
  signal: ac.signal
}).then(otp => {
  input.value = otp.code;
  if (form) form.submit();
}).catch(err => {
  console.log(err);
});

});
}
</script>

</code></pre>
<div>
  See the source code and play with it at
  <a href="https://glitch.com/edit/#!/web-otp"
    >https://glitch.com/edit/#!/web-otp</a
  >
</div>
<div>
  Learn more at <a href="http://web.dev/web-otp">http://web.dev/web-otp</a>.
</div>
<script>
  if ("OTPCredential" in window) {
    window.addEventListener("DOMContentLoaded", (e) => {
      const input = document.querySelector(
        'input[autocomplete="one-time-code"]'
      );
      if (!input) return;
      const ac = new AbortController();
      const form = input.closest("form");
      if (form) {
        form.addEventListener("submit", (e) => {
          ac.abort();
        });
      }
      alert(JSON.stringify(ac));
      navigator.credentials
        .get({
          otp: { transport: ["sms"] },
          signal: ac.signal,
        })
        .then((otp) => {
          alert(JSON.stringify(otp));
          input.value = otp.code;
          if (form) form.submit();
        })
        .catch((err) => {
          console.log(err);
        });
    });
  }
</script>