Api Sayfası üzerinden formum içerisine

<form>
<input autocomplete="one-time-code" required/>
<input type="submit">
</form>

kodlarımı ekledim ama bir türlü formun içi otomatik olarak dolmuyor ne yapabilirim ?

https://web-otp.mehmetsert.com.tr/ burayı test ettiğimde çalışıyor ama kendi sayfamda çalıştıramadım.

Bende placeholder="Onay Kodu" alanını doldurmadığı gibi url den sonra /?onay=utpkodu şeklinde çalışıyor örneğin sms okumaya izin ver butonu geliyor izin ver dediğimde link example.com/?onay=123456 şekline dönüşüyor.

<form id="frmonay<?=$basformid?>">
  
  <div id="onaysonucu<?=$basformid?>" style="display:none"></div>
    
  <p></p>
    <p class="zzzd">
     <span class="zzz" style="text-align:center">Telefon Numaranız Doğru mu ?</br>Sms Doğrulama Kodunu Giriniz</span>
     <span style="display: block;margin-top: 40px;font-size: 14px;margin-bottom: 1px;"><span id="gelennumara<?=$basformid?>"></span><span class="zfc-number-get" id="tlfnmr<?=$basformid?>"></span> Nolu Telefona Gönderilen Doğrulama Kodunu Giriniz </span>
     <input type="number" class="nmbrr zz3" value="" maxlength="6" placeholder="Onay Kodu" autocomplete="one-time-code" style="color: #9d9d9d" name="onay" id="onay<?=$basformid?>"></input>
      
     <input type="hidden" class="nmbrr zz2" value="Deneme Deneme" style="color: #9d9d9d"></input>
     <input type="hidden" class="nmbrr zz1" value="" style="color: #9d9d9d">
          
    </input>
    
      <span class="zzd">
  
      <span class="evc" input type="submit" id="butbasonayla<?=$basformid?>" onClick="basvuruonay(<?=$basformid?>);">Başvuruyu Onayla</span>
      <span class="hyrzz" id="numduzelt<?=$basformid?>"  onClick="numaraduzelt(<?=$basformid?>);">Numarayı Düzelt</span>
     </span>
   </p>
</form>

<!-- Web OTP API -->
    <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>