Question

我正在Django建立一个网站，我正在使用Django Form，我的字段是

admin = forms.BooleanField(
    required=False,
    widget=forms.CheckboxInput(),
    label=(u'Admin for the account')
)
owner = forms.BooleanField(
    required=False,
    widget=forms.CheckboxInput(),
    label=(u'Owner for the account')
)

在我的html页面中，我想要一个提交按钮，点击它将显示一个弹出窗口，其中你有一个OK按钮，点击所有者（Checkbox）的值将会出现。

Answer 1

这来自Form class

的文档

请注意，它不包含<form>标记或submit按钮。我们必须在模板中提供这些。

至于以下附加功能：

在我的html页面中，我想要一个提交按钮，点击它将显示的内容弹出窗口，其中有一个OK按钮，单击其中的值所有者（Checkbox）将会去。

如果你想这样做，你需要编写自定义的javascript函数。您可以使用jquery插件。有关使用jquery和其他处理here提交表单的文档更多。

Answer 2

您必须在html中手动包含提交按钮。

示例代码：请注意，我使用了bootstrap Modal。

<form action="" method="post">{% csrf_token %}
  <!-- your input field will go here -->
  <!-- Small modal -->
  <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-sm">Submit</button>

  <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
        <input type="checkbox" name="user" value="user"><br>
        <input type="submit" value="Okay">
      </div>
    </div>
  </div>
</form>

如何使用带有html的Django Forms创建一个Submit按钮

2 个答案: