2 formulaires HTML côte à côte

J'ai besoin de mettre un bouton de confirmation et un bouton annuler dans une page.

J'ai choisi de créer des formes avec des actions différentes, mais les 2 boutons (formes) ne sont pas affichées côte-à-côté.

Comment pouvons-nous le faire sans une table?

Merci!

source d'informationauteur

  1. 21

    Vous pouvez le faire sans flotte, si vous définissez le formulaire et chaque élément à l'intérieur d'elle à l'affichage inline puis ils vont s'asseoir les uns à côté des autres. La raison pour laquelle ils ne sont pas côte à côte est parce que les formes, tout comme les divs et les paragraphes sont des éléments de niveau bloc, régler l'affichage inline allons résoudre ce problème.

    Par Exemple

    .button-container form,
.button-container form div {
    display: inline;
}

.button-container button {
    display: inline;
    vertical-align: middle;
}

    Avec le code HTML suivant

    <div class="button-container">
    <form action="confirm.php" method="post">
        <div>
            <button type="submit">Confirm</button>
        </div>
    </form>

    <form action="cancel.php" method="post">
        <div>
            <button type="submit">Cancel</button>
        </div>
    </form>
</div>
  2. 5

    Faire à la fois "float: left". Et de faire de l'élément après eux "clear: both";

    Devrait fonctionner 🙂

  3. 5

    Comme il est dit si vous voulez des éléments en ligne, les faire en ligne. C'est mieux:

    display:inline-block;