web-dev-qa-db-ja.com

同じ行にある2つの異なる送信ボタン

2つの異なるフォームの一部に2つの送信ボタンがあります。それらは2つの異なる行に表示されています。それらを1行に並べて配置することは可能ですか？.

<form action="" method="POST">
        <input type="submit" name = "" value="OK" >
                    </form> 
<form action="" method="POST">
        <input type="submit" name = "" value="Cancel" >
                    </form>
htmlformsdjango-forms
9
Ali
<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>
6
apolfj

もう1つの方法は、フォームタグのcssプロパティを変更することです。

form { display: inline; }

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

14
spinon

承知しました。次のCSSを使用します。

form { float: left; }

または

input { float: left; }
4
user113292