两个不同的提交按钮在同一行

Question

我有两个提交按钮，它们是两种不同形式的一部分。它们显示在两条不同的线上。是否有可能将它们并排放在一条线上。

<form action="" method="POST">
        <input type="submit" name = "" value="OK" >
                    </form> 
<form action="" method="POST">
        <input type="submit" name = "" value="Cancel" >
                    </form>

Answer 1

另一种方法是更改​​表单标记的css属性：

form { display: inline; }

示例：http://jsbin.com/omene3/2/edit

Answer 2

<div style="width:400px;">
    <div style="float: left; width: 130px"> 
        <form id="thisone" action="post_nrs_users.asp" method="post">
            <input type="submit" name = "" value="OK" >
        </form>
    </div>
    <div style="float: right; width: 225px"> 
        <form id="thistoo" action="post_nrs_users.asp" method="post">
            <input type="submit" name = "" value="Cancel" >
        </form>
    </div>
</div>

Answer 3

不确定。使用以下CSS：

form { float: left; }

或

input { float: left; }