如何在Django中将占位符添加到Textareas

时间:2018-07-15 18:31:37

标签: django templates textarea placeholder

我搜索了堆栈溢出,但找不到此问题的答案。 我想做的是在textarea元素中添加一个占位符,但我不知道要完成此操作。

forms.py

from django import forms
from .models import Post
from django.contrib.auth.models import User

class PostForm(forms.ModelForm):
    class Meta:
        model = Post
        fields = (
            'price',
            'title',
            'body',
            'contact_email',
            'contact_number',
            'picture',
        )
        widgets = {
            'price': forms.TextInput(attrs={'placeholder': 'Price'}),
            'title': forms.TextInput(attrs={'placeholder': 'Item for sale'}),
            'body': forms.TextInput(attrs={'placeholder': 'Describe the item'}),
            'contact_email': forms.TextInput(attrs={'placeholder': 'Enter Price'}),
            'contact_number': forms.TextInput(attrs={'placeholder': 'Enter Price'}),
        }

因此,如您所见,我设置了占位符,可以为body字段以外的所有字段正确呈现,因为与其他所有字段不同,它是一个<textarea></textarea>元素,而不是{{1} }元素。

create-post.html

input

This是表单现在呈现的方式。如您所见,身体不大,应该像here

如何在{% extends 'base.html' %} {% block head %} <!-- {% load static %} <link rel="stylesheet" href="{% static 'accounts/login.css' %}" type="text/css"> --> <title>Create Post</title> {% endblock %} {% block body %} <div class="container"><br> <form method="POST" action='' enctype="multipart/form-data"> {% csrf_token %} {{ form.as_p }} <button type="submit" value="submit">Submit</button> </form> </div> {% endblock %} 元素中添加占位符,使其保留其大小。

1 个答案:

答案 0 :(得分:0)

弄清楚了。

小部件中的

TextInput更改为Textarea

'body': forms.Textarea(attrs={'placeholder': 'Describe the item'})

我确实已经尝试过,但是我将Area中的A大写。