プログラムを中心とした個人的なメモ用のブログです。 タイトルは迷走中。
内容の保証はできませんのであしからずご了承ください。

2018/09/07

form のボタンを並べて表示したい

event_note2018/09/07 1:56

form のボタンを並べて表示したい場合の方法です。

例えば、以下のようなコードですが、通常はボタンが上下に並んで表示されます。

<form action="" method="post">
    <input type="submit" value="送信">
</form>
<form action="" method="post">
    <input type="submit" value="修正">
</form>

やり方はいろいろあるかもしれませんが、formdisplay: inline-block; を指定するのが手っ取り早いかと思います。

<div class="form_conf">
    <form action="" method="post">
        <input type="submit" value="送信">
    </form>
    <form action="" method="post">
        <input type="submit" value="修正">
    </form>
</div>
.form_conf form {
    display: inline-block;
}