Javascript URL'；的查询字符串部分在用作按钮中的链接时被截断

我有以下代码将按钮链接到特定URL

stage_link = " 'http://limitless-scrubland-2940.herokuapp.com/game/game.html?stageid=5' "
<form action=stage_link method='get'> 
    <button>Play stage!</button>
</form>

stage_link=“”http://limitless-scrubland-2940.herokuapp.com/game/game.html?stageid=5' "
表演舞台！

按钮渲染良好，但它链接到：“

为什么查询字符串部分（

？stageid=5

）会被截断？有可能防止这种情况发生吗？

简单<代码>

表演舞台！
document.forms[0]。操作=“http://limitless-scrubland-2940.herokuapp.com/game/game.html"
var input=document.createElement（'input'）；
input.type='hidden'；
input.name='stageid'；
input.value='5'；
document.forms[0]。appendChild（输入）；

---

查看原因。

我实际上没有使用PHP，但您能否解释如何使用我的按钮使用该输入标记？

文本和
实际上是相同的。按钮实际上甚至不会提交表单，除非它的
type='submit'
，这可能是默认的
type
，具体取决于您的浏览器，除非您使用JavaScript提交表单。我的第二个例子可能是你想要的，如果你不需要提交表格的话。您始终可以设置
标记的样式，例如：
#playstage{text decoration:none；}
，添加填充和其他CSS功能，使其看起来像一个按钮。
<form method='get' action='http://limitless-scrubland-2940.herokuapp.com/game/game.html' method='get'>
  <input type='hidden' name='stageid' value='5' />
  <input type='submit' value='Play stage!' name='playstage' id='playstage' />
</form>

<a id='playstage' href='http://limitless-scrubland-2940.herokuapp.com/game/game.html?stageid=5'>
  Play stage!
</a>

<form action="" method='get'> 
    <button>Play stage!</button>
</form>
<script>
document.forms[0].action= "http://limitless-scrubland-2940.herokuapp.com/game/game.html"
var input = document.createElement('input');
input.type = 'hidden';
input.name = 'stageid';
input.value = '5';
document.forms[0].appendChild(input);
</script>