Как я могу сделать кнопки отправки в двух разных формах встроенными? Первая форма должна быть элементом уровня блока, а вторая - inline-block.

<form action="#">
     <div class="form-group">
        <label for="title">Title</label>
        <input type="text" name="title" class="form-control" id="title" placeholder="Enter title">
    </div>

    <div class="form-group">
        <label for="body">Body</label>
        <textarea class="form-control" name="body" id="body" rows="10"></textarea>
    </div>

    <button type="submit" class="btn btn-primary">Update</button>

</form>

<form action="#">
    <button type="submit" class="btn btn-danger">DELETE</button>
</form>
0
Ritesh Sahu 27 Май 2019 в 21:00

2 ответа

Лучший ответ

Float - очень хороший выбор для использования ... Но мы также можем использовать дисплей: inline; Свойство для элемента формы ... Как это ..

Предложение : -

   form{
       display: inline;
     }

Это также лучший вариант ... И встроенный дисплей несет разрыв между элементами ... Так что кнопки удаления и обновления будут выглядеть хорошо.

0
drclaw 27 Май 2019 в 20:40

Просто переместите кнопку delete в другой тег формы. Это должно работать.

<form action="#">
     <div class="form-group">
        <label for="title">Title</label>
        <input type="text" name="title" class="form-control" id="title" placeholder="Enter title">
    </div>

    <div class="form-group">
        <label for="body">Body</label>
        <textarea class="form-control" name="body" id="body" rows="10"></textarea>
    </div>

    <button type="submit" class="btn btn-primary">Update</button>

    <form action="#">
    <button type="submit" class="btn btn-danger">DELETE</button>
    </form>

</form>
0
Julian Ellis 27 Май 2019 в 18:29