我正在用这个参考设计 django 表单字段。
形式:
class contact(forms.Form):
first_name = forms.CharField()
middle_name = forms.CharField()
last_name = forms.CharField()
模板:
<form action="/contact/" method="post">
{% include "form_snippet.html" %}
<p><input type="submit" value="Send message" /></p>
</form>
在 form_snippet.html 中:
{% for field in form %}
<div class="fieldWrapper">
{{ field.errors }}
{{ field.label_tag }}: {{ field }}
</div>
{% endfor %}
在 CSS 中:
.fieldWrapper{
font-size; 10px;
color: #f00;
font-family: verdana, tahoma, serif;
white-space:nowrap;
}
当我运行服务器时,每个表单字段都显示在新行中。
我想将这三个表单字段放在同一行中,而不是每个都放在新行中。
任何的想法?