Question

我试图在html上创建一个按钮，当我按下该按钮以重定向到http://example.com/mysite/?rand=1时

到目前为止我尝试的是：

<form action="http://example.com/mysite/?rand=1">
    <div class="checkboxes" align="center">
        <input placeholder="TextArea" style="width: 296px; height: 30px;" type="text" autocomplete="off">
        <label for="x"><input type="checkbox" id="x" checked/><span> Just a checkbox 1 </span></label>
        <label for="y"><input type="checkbox" id="y" disabled/><span> Just a checkbox 2 </span></label>
        <button id="Button" type="submit">Press me</button>
</form>

我只是被重定向到http://example.com/mysite/？

我也试过像这样的javascript：

<script "text/javascript">
    document.getElementById("Button").onclick = function () {
        location.href = "http://example.com/mysite/?rand=1";
        };
</script>

<form>
    <div class="checkboxes" align="center">
        <input placeholder="TextArea" style="width: 296px; height: 30px;" type="text" autocomplete="off">
        <label for="x"><input type="checkbox" id="x" checked/><span> Just a checkbox 1 </span></label>
        <label for="y"><input type="checkbox" id="y" disabled/><span> Just a checkbox 2 </span></label>
        <button id="Button">Press me</button>
</form>

结果是一样的，我被重定向到http://example.com/mysite/？

如果我使用其他链接进行重定向，例如google.com等，重定向工作正常，但不适用于我的实际网站链接。如果我在另一个标签页中打开它，链接就可以了。

我不确定如何调试，有谁知道问题可能是什么？

Answer 1

你的HTML不正确

这里是纠正的

<form action="http://example.com/mysite/?rand=1">
    <div class="checkboxes" align="center">
        <input placeholder="TextArea" style="width: 296px; height: 30px;" type="text" autocomplete="off" />
        <label for="x">
            <input type="checkbox" id="x" checked="checked" /><span> Just a checkbox 1 </span>

        </label>
        <label for="y">
            <input type="checkbox" id="y" disabled="disabled" /><span> Just a checkbox 2 </span>

        </label>
        <button id="Button" type="submit">Press me</button>
    </div>
</form>

Demo Fiddle

Answer 2

您的<input>元素需要name个属性。 name是最终在查询字符串中的参数，而id用于DOM操作和CSS。使用隐藏的<input>添加rand参数：

<input type="hidden" name=rand" value="1">
<input placeholder="TextArea" name="text" style="width: 296px; height: 30px;" type="text" autocomplete="off">
<label for="x"><input type="checkbox" name="x" id="x" checked/><span> Just a checkbox 1 </span></label>
<label for="y"><input type="checkbox" name="y" id="y" disabled/><span> Just a checkbox 2 </span></label>

Html按钮不会重定向到链接

2 个答案:

Demo Fiddle