[英]Vertical alignment of text in Django form widget
我的表单中有一个多行输入字段。 文本在中间对齐,但我希望它与顶部对齐。
我的表格:
class FeedbackForm(forms.ModelForm):
submitter = forms.CharField(max_length=100, help_text="Name")
sub_email = forms.EmailField(help_text="E-Mail Adresse (wird nicht veröffentlicht.)")
sub_date = forms.DateField(disabled=True, help_text="Datum", initial=date.today())
content = forms.CharField(max_length=500, help_text="Text",
widget=forms.TextInput(attrs={'vertical-align': 'top'}))
我的模板:
<form id="category_form" method="POST">
{% csrf_token %}
{% for hidden in form.hidden_fields %}
{{ hidden }}
{% endfor %}
<table>
<tr>
<td><strong>Datum</strong></td>
<td>{{ form.sub_date }}{{ form.sub_date.errors }}</td>
</tr>
<tr>
<td><strong>Name</strong></td>
<td>{{ form.submitter }}{{ form.submitter.errors }}</td>
</tr>
<tr>
<td><strong>E-Mail</strong></td>
<td>{{ form.sub_email }}{{ form.sub_email.errors }}</td>
</tr>
<tr>
<td><strong>Text</strong></td>
<td>{{ form.content }}{{ form.content.errors }}</td>
</tr>
</table>
<p><input type="submit" name="submit" value="Save" /></p>
</form>
我正在尝试在小部件的 attrs 属性中传递 CSS 样式,如 Django 文档中所述。 但我的文字仍然在中间对齐。 我究竟做错了什么?
弄清楚了。
你要做的是使用 TextInput 的 Textarea 小部件:
content = forms.CharField(max_length=500, help_text="Text",
widget=forms.Textarea()
然后你可以在 CSS 中应用样式:
textarea, input, button, select {
font-family: inherit; font-size: inherit;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.