実現したいこと
HTMLだけでフォームに入力されたIDをIframeのsrcに代入する方法を教えてください
発生している問題・分からないこと
・formに入力されたIDをifarmeのsrcに代入できない
-接続が拒否される
該当のソースコード
Html
1<HTML lang="ja-JP"> 2 <head> 3 <meta charset="UTF-8"/> 4 <title>Youtube player</title> 5 </head> 6 <body> 7 <form action="" method="get" Class="form1"> 8 <div class="form1"> 9 <label for="text1">Youtubeの動画ID:</label> 10 <input type="text" id="text1" name="text1"/> 11 </div> 12 <div class="form1"> 13 <input type="submit" value="Go!"/> 14 </div> 15 </form> 16 <iframe src="https://www.youtube.com/watch?v="+text1/> 17 </body> 18</HTML>
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
mdn web docs等を見たりしてformには入力できるようになったがうまく代入されず接続が拒否される
補足
実行環境:chrome 125.0.6422.142
エディタ:Notepad++
![guest](/img/icon/icnUserSample.jpg)