【问题标题】:How to add placeholders to Textareas in Django如何在 Django 中向 Textareas 添加占位符
【发布时间】:2018-12-23 08:46:54
【问题描述】:

我搜索了堆栈溢出,但找不到这个问题的答案。 我想要做的是在 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> 元素,而不是input 元素。

create-post.html

{% 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 %}

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

如何将占位符添加到 textarea 元素以保持其大小。

【问题讨论】:

  • 您已经搜索过 SO 并且可以找到答案。如果是这样,你为什么要发布一个你已经找到答案的问题。或者你的意思是你找不到答案,听起来你在开头打错字了。
  • 抱歉打错了。我已经更正了 OP。

标签: django templates textarea placeholder


【解决方案1】:

想通了。

在小部件中将 TextInput 更改为 Textarea

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-04-14
    • 2012-11-11
    • 2014-05-17
    • 2018-03-19
    • 2016-10-04
    • 2021-09-18
    • 2020-10-25
    • 1970-01-01
    相关资源
    最近更新 更多