Как сделать так, чтобы ввод из инпут отображался в поисковике во фрейме?

<iframe src="" data-frame-group="test" width='1200px' height='700px'
    data-frame-src="https://www.bing.com/">
</iframe>
<button data-frame-load="test">Bing</button>
<input type="text" placeholder="Поиск по сайту" name="s">
<span> <script> 
        [...document.querySelectorAll('[data-frame-load]')].forEach(button => {
                  button.addEventListener('click', () => {
                    const group = button.getAttribute('data-frame-load');
                    [...document.querySelectorAll(`[data-frame-group="${group}"]`)].forEach(frame => {
                      frame.setAttribute('src', frame.getAttribute('data-frame-src'));
                    });
                  });
                });
        
</script>
</span>
</input>
<form action="" method="get">
    <div class="input-group"></div>
</form>
</button>