Javascript 如何从文本表单更改Iframe？

我试图有一个iframe，在其中你可以用一个文本框更改它的url

<form action="/action_page.php">
 URL: <input type="text" name="firstname" value="test.com"> <input type="submit" value="Visit">
</form>
<iframe width="560" height="315" src="https://www.example.com"></iframe>

我将如何继续这样做？

函数onClick{ const iframe=document.querySelector'iframe'； const input=document.querySelector'input'； iframe.src=input.value； } iframe{ 显示：块； 边缘顶部：5px； 宽度：500px； } 点击

---

你必须带着一些东西，一个想法，一段代码来到这里，告诉我们你已经尝试了一些东西你的表单action是/action\u page.php，但是你似乎没有标记php，我们需要更多关于你希望如何实现Pierre提到的目标的细节。