两条“形式动作”在一条线上

时间:2011-06-26 21:27:26

标签: html css forms action

我刚刚在我的网站上完成了登录和注册位,现在我只是在清理,但后来我遇到了这个问题,我在一个页面上有两个表单操作,每一个都进入不同的页面,很容易,但我似乎无法将它们放在一条线上。

以下是表单操作的代码:

<form action='logout.php' method='POST'>           
<input type='submit' value='Logout' />      
</form>                      
<form action='changepassword.php' method='POST'>     
<input type='submit' value='Change password' />       
</form>

我试过

<form action='logout.php' method='POST'>           
<input type='submit' value='Logout' />                           
<form action='changepassword.php' method='POST'>     
<input type='submit' value='Change password' />       
</form>

但两个按钮都转到同一位置

网站为www.crossception.com,您需要登录才能解决此问题 我已经为每个人使用了登录名和密码 用户名:stackoverflow 密码:test101

非常感谢你 康纳
(15岁)

3 个答案:

答案 0 :(得分:11)

<span style="float:left;">
    <form action='logout.php' method='POST'>           
        <input type='submit' value='Logout' />      
    </form>   
</span>
<span style="float:right;">
    <form action='changepassword.php' method='POST'>     
        <input type='submit' value='Change password' />       
    </form>
</span>

答案 1 :(得分:4)

如果我理解你的问题,我认为你需要使用一些CSS:

form {
    float: left;
    width: auto;
}

您可能希望为这些表单添加一个类,以阻止自己设置像这样的所有表单样式

答案 2 :(得分:3)

这是脏内联版本

<form action='logout.php' method='POST' style='float:left;'>           
<input type='submit' value='Logout' />      
</form>                      
<form action='changepassword.php' method='POST'>     
<input type='submit' value='Change password' />       
</form>

当然詹姆斯建议使用课程是正确的方法。

顺便说一句,这些表格应该在之后开始正文标记。