如何在Django中将输入HTML与formset一起使用

Question

我有一个包含2个字段的表单集。 当我运行它时，在屏幕上显示此“ />”。 在我的html代码上方看。 我不知道为什么会这样。 我认为这是HTML标记中的内容，我必须对其进行更改。 我很高兴有人可以帮助我解决这种情况。 谢谢。

HTML:

{% load static %}

<!DOCTYPE html>

<body>

<script src="{% static 'id15/assets/js/jquery.min.js' %}"></script>
<script src="{% static 'id15/assets/js/jquery.formset.js' %}"></script>

<form class=" bd-form-20 " action="" name="form-name" method="POST" >
{% csrf_token %}

           <script>
            function caps(element){
                element.value = element.value.toUpperCase();
            }
            </script>

    <label>outorgado</label><br><br>
          <div>
            {{ formsetoutorgado.management_form }}
            {% for formset in formsetoutorgado %}
              <div class="link-formset">

               <input type="text" id={{formset.nom_outorgado}}  /><br><br>
               {{formset.nom_outorgado.errors}}
               <input type="text" id={{formset.num_cpf_outorgado}} /><br><br>
               {{formset.num_cpf_outorgado.errors}}

              </div>
            {% endfor %}
          </div>


        <script>
        $('.link-formset').formset({
                    addText: 'Adicionar',
                    addCssClass: 'add-row',
                    deleteText: 'Remover',
                    deleteCssClass: 'show',
        });
        </script>

    <br>
    <button type = "submit" >
    Cadastrar e Continuar
    </button>

</form>

</body>
</html>

Answer 1

此<input type="text" id={{formset.nom_outorgado}}/>是您的问题。 {{formset.nom_outorgado}}实际上是<input>字段，而不是form字段的id 。 因此，您应该要么只是：

{{ formset.nom_outorgado }}

在您的HTML中（没有周围的<input ...> ），或者如果您想手动创建HTML：

<input type="text" id="{{ formset.nom_outorgado.id_for_label }}" name="{{ formset.nom_outorgado.html_name }}" value="{{ formset.nom_outorgado.value }} />

获取该字段的id 。 如果您想从表单中填充字段，请不要忘记id周围的"并设置name和value 。正如Daniel所言，这不是创建Django的原因，第一种选择是您应该做的。

如何在Django中将输入HTML与formset一起使用

问题描述

1 个解决方案

解决方案1
1 2018-04-14 15:19:41

如何在Django中将输入HTML与formset一起使用

问题描述

1 个解决方案

解决方案1 1 2018-04-14 15:19:41

解决方案1
1 2018-04-14 15:19:41