【问题标题】:Using HTML tags in django form fields在 Django 表单字段中使用 HTML 标签
【发布时间】:2016-07-21 11:57:24
【问题描述】:

在(非模型)django 表单的字段中进行迭代时,如下所示:

<form method="post" role="form" class="form-inline">
{% for field in form.visible_fields %}
<div id="div_{{ field.html_name }}" class="form-group">
<strong>{{ field.label_tag }}</strong> {{ field }}                                   
</div>
{% endfor %} 
</form>

&lt;strong&gt; 标签实际上并未应用于标签。 有没有办法解决这个问题(不在实际表单类中使用 Metaclass 或为 &lt;span&gt; 元素使用内联样式?

【问题讨论】:

  • 不应用强 stye 的唯一原因是是否有特定的 CSS 规则给出标签 font-weight: normal
  • 同样的情况发生在例如&lt;u&gt; 标签。这也可以被 css 规则覆盖吗?
  • 当然,任何事情都可以。也许您正在使用将所有默认样式设置为普通样式的重置样式表?

标签: html django forms


【解决方案1】:

你可以使用像 .

这样的 CSS 选择器
    .form-group>label{ 
        ...
        font-weight: bold;
        ...
    }

其他选项是...

  1. 使用 FormField html ID 属性作为 css 选择器。 (当您想为单个字段应用 style 时,它适用于特定字段。

    #form-field-id{ font-weight: bold; }
    
  2. 使用 html 类属性。在这种情况下,您有两种选择来设置小部件属性。在您的 ModelForm 类字段中设置参数或重写小部件模板。

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2011-11-27
  • 2022-12-17
  • 2012-08-12
  • 1970-01-01
  • 2014-01-19
  • 1970-01-01
  • 2012-07-24
  • 1970-01-01
相关资源
最近更新 更多