如何使不同的Django表单输入按钮显示在同一行

我在正在处理的页面上使用两个单独的 Django 表单,并且我希望输入按钮显示在同一行上。目前,它们正在堆叠。我尝试使用 CSS 样式来使用内联块,但我认为这不起作用,因为它们采用不同的形式。


<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Title</title>

    <link rel="stylesheet"

    href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"

    integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"

    crossorigin="anonymous">

    <link rel="stylesheet" href="song_edit.css" />

</head>

<body>

<form method="POST" id="form1"> {% csrf_token %}

    <li>{{ file_name }}</li>

    <li>{{ form.as_p }}</li>

    <input type="submit" class="btn btn-primary" value="Download" name="save" id="download" />

</form>

<form action="/path/" method="get" id="form2">

    <input type="submit" class="btn btn-secondary" name="next" value="Next" id="Next" />

</form>

</body>

</html>

小提琴


杨魅力
浏览 76回答 1
1回答

鸿蒙传说

这是你想要的按钮吗?只是你的表单需要内联显示  form{     display:inline; }
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5