在 UserCreationForm 的默认元素周围添加自定义 HTML 元素

如何解决在 UserCreationForm 的默认元素周围添加自定义 HTML 元素

我正在使用 widget_tweaks 向输入表单添加自定义类。
但是如何添加像这样的整个 HTML 元素来美化用户名？

<label for="basic-url" class="form-label">Your vanity URL</label>
<div class="input-group mb-3">
  <span class="input-group-text" id="basic-addon3">https://example.com/users/</span>
  <input type="text" class="form-control" id="basic-url" />
</div>

我使用的是基本的注册表单，但希望在其周围包含自定义 HTML。

{% load widget_tweaks %}
    {% for field in form %}
    <div class="form-group mt-3 {% if field.errors %}alert alert-danger{% endif %}">
      {{ field.errors }}
      {{ field.label_tag }}
      {% render_field field class="form-control" %}
      {% if field.help_text %}<small class="text-muted">{{ field.help_text|safe }}</small>{% endif %}
    </div>
    {% endfor %}

解决方法

我是这样解决的，但不确定这是否是正确的方法。

    {% load widget_tweaks %}
    {% for field in form %}

    <div class="form-group mt-3 {% if field.errors %}alert alert-danger{% endif %}">
      {{ field.errors }}
      {% if field.label == 'Username' %}
      <label for="basic-url" class="form-label">{{ field.label_tag }}</label>
      <div class="input-group mb-3">
        <span class="input-group-text" id="basic-addon3">https://example.com/users/</span>
        {% render_field field class="form-control" %}
      </div>  
      {% else %}
        {{ field.label_tag }}
        {% render_field field class="form-control" %}
        {% if field.help_text %}<small class="text-muted">{{ field.help_text|safe }}</small>{% endif %}  
      {% endif %}      

    </div>
    {% endfor %}