このJavaScriptがIFrameの「src」属性を変更できない理由はありますか？

Question

基本的なHTMLとjavascriptを学んでいます（申し訳ありませんが、これは間違った話題です）。ユーザーがウェブサイトのURLを入力し、そのウェブサイトにIFrameが表示される基本的なウェブサイトを作ろうとしています。私はHTMLには非常に新しいので、これはおそらく何か愚かですが、私はそれが何であるかを見つけることができません。私が混乱しているのは、このコードが機能していないことです。ただちにアクティブになり、役に立たなくなります。助けてくれてありがとう！

<iframe src="" name="myFrame" id="myFrame"></iframe> 
 

 
<form onSubmit="setIframe()"> 
 
URL: <input type="text" name="urlbox" id="urlbox"> <input type="submit" value="go"> 
 
</form> 
 

 
<script> 
 
function setIframe() 
 
    { 
 
\t \t var url = document.getElementById("urlbox").value; 
 
\t \t document.getElementById("myFrame").setAttribute("src","testwebsite.com"); 
 
    } 
 

 
</script>