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

2024-04-25 20:18:26 发布

您现在位置：Python中文网/ 问答频道 /正文
6475 3

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

<!DOCTYPE html>
<html lang="en">
<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>

Fiddle


Tags： nameformidtitlehtmllinkliwidth
1条回答
网友
1楼 · 发布于 2024-04-25 20:18:26

是this fiddle你想要按钮做什么？只是你的表单需要内联显示

  form{
  display:inline;
}

相关问题 更多 >

    编程相关推荐