如何在表单完成后将用户重定向到 YouTube 视频？ (HTML5)

Question

我正在使用 form action="youtubevideolink.com" 和 method="get"。当我点击 'submit' 时，它会将您带到 youtube 的主页，而不是视频页面本身。

有什么方法可以通过 HTML 或 Vanilla JS 实现吗？

谢谢。

Answer 1

我会使用 onsubmit 引用来调用一个函数。我看起来像这样：

HTML:

 <form onsubmit="redirectToYoutube()">
    
 </form>

Javascript:

function redirectToYoutube() {
  const url = "youtubevideolink.com"
  location.replace(url)
}

Answer 2

很简单，请记住 URL 是一个已经带有变量 v 的获取请求请参见此示例：https://www.youtube.com/watch?v=QH2-TGUlwu4

<form action="https://www.youtube.com/watch" method="get">
  <input type="hidden" name="v" value="QH2-TGUlwu4">
  <button type="submit">Click Me!!!</button>
</form>

如何在表单完成后将用户重定向到 YouTube 视频？ (HTML5)

How to redirect user to YouTube video upon form completion? (HTML5)

javascript

html

forms

redirect

submit