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>

Forms.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

使Django中的ModelForm字段更大

1 个答案: