Почему Django формы. TextField занимает так много места, даже если область ввода текста мала?

Question

Я создаю форму Django, и когда я переключаюсь с TextInput на TextArea, html / css требует намного большего расстояния между элементами, вот это с TextArea:

и вот это с TextInput:

Я использую фреймворк Bulma css. и все, что я пытался сделать TextField «подходящим» для использования доступной области, не удалось. В столбце bulma есть display: flex, который также нельзя изменить.

Как я могу использовать textarea, сохраняя «жесткий» макет?

edit: установка фиксированной высоты на div работает, но тогда он теряет всю ответственность и макет не работает.

Answer 1

В основном

 The <input> tag specifies an input field where the user can enter data. 

 and

 The <textarea> tag defines a multi-line text input control.

это принципиальное различие, и поэтому требуется много места

Вы можете попробовать это

 class MyForm(forms.ModelForm):
    class Meta:
    model = MyModel
     widgets = {
          'yourtextarea': forms.Textarea(attrs={'rows':4, 'cols':15}),
        }