Question

我使用django小部件调整来渲染所需的表单字段。这一切都很好，如果字段是空白的，我看到一个可爱的小字符，表示字段是必需的，所有这些，但如果我滚动页面（表单有点大），popover不会移动表格字段。它会保持不变，这是不好的。

这是我的代码：

{% load widget_tweaks %}

{{form.order_number.label}}
{% render_field form.order_number required="true" %}

此外，这只发生在Firefox上，而不是Chrome上。我在Firefox 57.0上。这是一个帮助屏幕截图。在Pic1中，你会看到它应该是我喜欢的地方而不滚动。在Pic2中，当我向上滚动时，它已经向上移动到div的顶部。

有人可以解释为什么会发生这种情况以及如何解决这个问题吗？

Answer 1

当输入具有required属性时，这是浏览器的行为，因此您无法对其进行太多操作（更改浏览器的行为本身）。

您可以做的是使用一些javascript验证库覆盖默认浏览器，这样您就可以根据需要自定义消息的类型和外观。