django-templates 相关问题

我在 django 中的 html 页面遇到一些问题这是我遇到问题的页面部分：我在 django 中的 html 页面遇到一些问题这是我遇到问题的页面部分： <form method="post" action=""> <div data-prefill-targets-for="1"> {% csrf_token %} {% for group in grouped_fields %} <tr> {% cycle 'bgcolor1' 'bgcolor2' as row_color silent %} {% for field in group reversed%} {% cycle 'bgcolor1' 'bgcolor2' as cell_color silent %} {% if forloop.first %} <td class="w-12 bigcell {{ row_color }}"> {{ field }} </td> {% else %} <td class="w-11 text-center {{ cell_color }}"> {{ field }} <br> <span>xx</span> </td> {% if forloop.last %} <td class="w-12 bigcell {{ row_color }}">اول</td> {% endif %} {% endif %} {% endfor %} </tr> {% endfor %} </tbody> </table> <br> <button type="submit" class="btn btn-primary">Submit</button> </div> </form> 如你所见，我在之前的最后一行打开并关闭了 div 但是在页面视图中： <div data-prefill-targets-for="1"> <input type="hidden" name="csrfmiddlewaretoken" value="2VEsmoNuXje9U9ie4aXGo74ObmD6d6I0WKGSg845XaObSYlTKz9qrkWQrFejAFkB"> </div> 它在 csrf 令牌之后立即关闭，并且不包含我的表单的其余部分。这让我发疯，我不明白我哪里错了。仅供参考，这是我在页面上运行的唯一 JS 代码： function handlePrefillForBoundTarget(evt) { const targetRoot = this; const emptyPrefillTarget = Array .from( targetRoot .querySelectorAll('[data-prefill-target]') ) .filter(elmNode => (elmNode.value?.trim?.() ?? elmNode.value) === '' )[0]; if (emptyPrefillTarget) { const prefillSource = evt .target .closest('[data-prefill-value]'); const { prefillValue } = prefillSource.dataset; emptyPrefillTarget.value = prefillValue; } } function initPrefillComponent(sourceRoot) { const componentId = sourceRoot .dataset .prefillValuesFor ?? ''; const targetRoot = document .querySelector(`[data-prefill-targets-for="${ componentId }"]`); if (targetRoot) { sourceRoot .addEventListener( 'click', handlePrefillForBoundTarget .bind(targetRoot) ); } } function main() { document .querySelectorAll('[data-prefill-values-for]') .forEach(initPrefillComponent); } main(); 编辑：我包含了整个页面以供参考 {%load static%} {% load custom_filters %} <html dir="ltr"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="{% static 'style.css' %}"> <title>عنوان</title> </head> <body> <div id="nav"> <ul> <li> <a href="#">صفحه اصلی</a> </li> <li> <a href="#">صفحه اصلی</a> </li> <li> <a href="#">صفحه اصلی</a> </li> <li> <a href="#">صفحه اصلی</a> </li> <li id="srinpt"> <span> <input /> </span> </li> </ul> </div> <div class="big-header"> کـــارت نـــوبـــت </div> <div class="light-header"> شماره ثبت کتابخانه ملی جمهوری اسالمی ایران44311و </div> <div class="light-header"> واحد ثبت آثار ، سند شماره78/3413و/33تاریخ4378/53/57ساعت33:43 </div> <div class="dark-bg"> درجدول زیرهردوحرفی ، عددی2رقمی است ،7دوحرفی با ترتیب انتخاب شما درجدول زیر ثبت می شود </div> <div data-prefill-values-for="1"> <div id="darkbox" class="dark-bg"> {% for item in cartitems reversed %} <div class="darkbox_item dark-bg"> <button data-prefill-value="{{item}}">{{item}}</button> </div> {%endfor%} </div> </div> <table id="tbl1"> <tbody> <tr> <td class="w-12 bgcolor2 text-center"> از 0 تا 9 یک عدد انتخاب کن </td> <td class="w-11 text-center bgcolor1"> y <br> x </td> <td class="w-11 text-center bgcolor1"> = <br> = </td> <td colspan="5" class="w-11 text-center bgcolor1"> هفت دو حرفی انتخاب شده شما <br> عدد 14 رقمی نوبت شما </td> <td class="w-12 bigcell bgcolor2">نَفَر</td> </tr> <form method="post" action=""> <div data-prefill-targets-for="1"> {% csrf_token %} {% for group in grouped_fields %} <tr> {% cycle 'bgcolor1' 'bgcolor2' as row_color silent %} {% for field in group reversed%} {% cycle 'bgcolor1' 'bgcolor2' as cell_color silent %} {% if forloop.first %} <td class="w-12 bigcell {{ row_color }}"> {{ field }} </td> {% else %} <td class="w-11 text-center {{ cell_color }}"> {{ field }} <br> <span>xx</span> </td> {% if forloop.last %} <td class="w-12 bigcell {{ row_color }}">اول</td> {% endif %} {% endif %} {% endfor %} </tr> {% endfor %} </tbody> </table> <br> <button type="submit" class="btn btn-primary">Submit</button> </div> </form> </body> <script type="text/javascript" src="{% static 'js/valuereplace.js' %}"></script> </html> 原因是您在中打开了 div，但在 so html 推断应该放置标签的位置后关闭了它，因为您放置的标签超出了其范围。尝试移动标签内部或将和标签放在之后

django django-templates

回答 1 投票 0

Django：未提交文件。检查表单上的编码类型

我正在尝试在我的 Django 项目中实现多重上传。在执行与此问题的答案类似的操作后，我得到“未提交文件”。检查表单上的编码类型。子表单错误...

django django-forms django-templates

回答 1 投票 0

在 django 中使用模板标签

我有这个代码： {% for grouped_fields %} {% if forloop.counter0|divisibleby:2 %} {% 以 'bgcolor2' 作为 row_color %...

django django-templates

回答 1 投票 0

Django 中的按钮样式

按钮应该是一个小的垂直矩形，顶部宽度应该突出一点。压前应为白色，压后为深红色。当指针移到这个位置时...