html - 在 Django 中使 ModelForm 字段变大

Question

我有一个 ModelForm，其中有一个描述字段。 Django 以其标准大小生成字段，但我想将其设置为两倍大。我似乎无法通过谷歌搜索如何执行此操作。

HTML

{% extends 'base.html' %}

{% block body %}

  <div class="container">
    <form method="POST">

      <br>
      <br>
      <br>
      {% csrf_token %}

        <div class="column">
          <label for="form.reference">Reference ID: </label><br>
          <!-- <input type="text" value="{{ reference_id }}">-->
           {{ form.reference }}
          <br>
        </div>
        <div class="description">
        <div class="column">
          <label for="form.description">Description: </label>
          <br>
          {{ form.description}}
        </div>
        </div>
        <div class="column">
          <label for="form.cases">Cases: </label>
          <br>
          {{ form.cases }}
          <br>
        </div>
        <div class="column">
          <label for="form.count">Count: </label>
          <br>
          {{ form.count }}
          <br>
          <br>
        </div>
          <br>
          <br>


      <button type="submit" name="add_mani" style="border-color: #7395AE;">Add Line</button>
    </form>

表格.py

class CreateManifestForm(forms.ModelForm):

    class Meta:
        model = Manifests
        fields = ('reference', 'cases', 'description', 'count')

我再次希望增加“描述”字段的大小

Answer 1

您需要做的就是编写一些 CSS。例如你可以这样写:

# custom.css
.description .column input {
     width:500px;
}

现在，您可以将此代码编写为模板中的内联代码。或者，如果您将它保存在某个地方，例如 /static/css/custom.css，那么您可以将它添加到模板中。

假设您在 base.html 中添加了现有的 css，如下所示:

# base.html

{% block css %}
// some css imports
{% endblock %}

然后在您的 add_manifest.html 文件中，您可以这样尝试:

{% extends 'base.html' %}
{% load static %}

{% block css %}
{{ block.super }}
<link href={% static 'css/custom.css' %}>
{% endblock %}

// rest of the code