実現したいこと
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>
試したこと・調べたこと
上記の詳細・結果
mdn web docs等を見たりしてformには入力できるようになったがうまく代入されず接続が拒否される
補足
実行環境：chrome 125.0.6422.142
エディタ：Notepad++
0 コメント