在Django的form中使用CSS进行设计的方法

修改form的显示的最快捷的方式是使用css。 尤其是错误列表,可以增强视觉效果。自动生成的错误列表精确的使用“

“,这样,我们就可以针对它们使用css。 下面的css让错误更加醒目了:

  ul.errorlist {    margin: 0;    padding: 0;  }  .errorlist li {    background-color: red;    color: white;    display: block;    font-size: 10px;    margin: 0 0 3px;    padding: 4px 5px;  }

登录后复制

虽然,自动生成HTML是很方便的,但是在某些时候,你会想覆盖默认的显示。 {{form.as_table}}和其它的方法在开发的时候是一个快捷的方式,form的显示方式也可以在form中被方便地重写。

每一个字段部件(, ,

  Contact us

Contact us

{% if form.errors %}

Please correct the error{{ form.errors|pluralize }} below.

{% endif %}

登录后复制

{{ form.message.errors }} 会在

里面显示,如果字段是合法的,或者form没有被绑定,就显示一个空字符串。 我们还可以把 form.message.errors 当作一个布尔值或者当它是list在上面做迭代, 例如:

{% if form.message.errors %}
    {% for error in form.message.errors %}
  • {{ error }}
  • {% endfor %}
{% endif %} {{ form.message }}

登录后复制

在校验失败的情况下, 这段代码会在包含错误字段的div的class属性中增加一个”errors”,在一个有序列表中显示错误信息。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2300408.html

(0)
上一篇 2025年2月28日 04:46:54
下一篇 2025年2月23日 04:34:03

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论