Question

我有一个包含提交按钮的表单。当我单击此提交按钮时，我想转到id为home的另一个div。这就是我现在正在做的事情（这是行不通的）：

<input type="submit" class="submit" href="#home" name="action" value="Redirect"/>

例如，如果我有：

 <div id="home"><ul><li>Hello World</li></ul></div>
 <input type="submit" class="submit" href="#home" name="action" value="Redirect"/>

这不起作用。我怎么能这样做？

Answer 1

href不是输入元素的有效属性。试试这个：

<input type="submit" class="submit" onclick="location.href = '#home'" name="action" value="Redirect"/>

如果这是在表单内部，它将提交表单，除非你有阻止这种情况发生的事情。

Answer 2

您需要将表单的操作设为'#home'。然后在主div上方添加一个命名锚点。

<html>
    <body>
        <a name="home"></a>
        <div style="height:1500px;">

        </div>
        <form action="#home">
            <input type="submit" value="Home">
        </form>
    </body>
</html>

Answer 3

你提到一个函数中的重定向页面....然后通过onclcik =“function_name”调用该函数名称;

for eg:

function_name
{
some code .......
location.href = 'home.html';
}
<input type="button" onclick="function_name">
your code..........

在HTML中提交的另一个div id的Href

3 个答案: