Question

我的JSP页面中有HTML标记，如下所示：

<form action="updateaddr" method="post">
    <p>
        <label>
            电话：
            <input type="text" name="phoneNumber" value="${person.phoneNumber}"/>
        </label>
    </p>
    <p>
        <label>
            密码：
            <input type="password" name="password"/>
        </label>
    </p>
    <input type="submit" value="注册"/>
</form>

然后在表单标记下面，我试图将按钮重定向到另一个页面。

<a href="personal?id=${id}">
    <button>返回</button>
</a>

我想将此按钮放在

旁边

<input type="submit" value="注册"/>

目前，在运行Tomcat时，它位于此之下。

如果有人可以帮助我，我会表示赞同。

Answer 1

http://jsfiddle.net/isherwood/w9SGz

只需将链接放在表单中即可。

    ...
    <input type="submit" value="注册" /> 

    <a href="personal?id=${id}">
       <button>返回</button>
    </a>
</form

更新：你需要给按钮一个类型以防止出现奇怪：http://jsfiddle.net/isherwood/w9SGz/2

Jukka是正确的，这可能被视为无效标记，我知道有些浏览器不喜欢它。我同意将链接样式化为按钮是一种更好的方法。但是，这不是问题。

如果你不想这样做，负边距可能有所帮助，虽然它有点挑剔和脆弱：

http://jsfiddle.net/isherwood/w9SGz/1

#myButton {
    margin-left: 50px;
    margin-top: -26px;
    display: block;
}

Answer 2

您可以使用JavaScript并将其放在表单元素中：

<input type="submit" value="注册"/>
<button onclick="window.location.href='personal?id=${id}'">返回</button>    
</form>

这在启用了JavaScript的浏览器中相当一致

如何放置HTML表单标签

2 个答案: