css - 如何删除由 Django 中的表单创建的输入/字段

Question

我有一个简单的表单，用于上传个人资料图片，然后是显示已上传内容的缩略图。 HTML 代码是:

<form action="{% url 'base-welcome' %}" enctype="multipart/form-data" method="post">
    {% csrf_token %}
<ul>
<li><span>Upload A Profile Picture:</span> <img src="{{ user.profile.get_thumbnail }}">{{ profile_form.picture }}</li> , then closing elements, etc..

问题是表单在“li”中创建了不需要的元素。请参见下图:

“当前”和“更改”已创建。我已经隐藏了一个使用 display: none 创建的复选框。我真的无法对这些元素执行此操作，因为它们只是生成的文本。

我认为这是 models.py/views.py 页面的问题，但我可能错了。只是在寻找一个简单的 HTML/CSS 修复。非常感谢!!

Answer 1

看起来图片 字段正在使用 ClearableFileInput 小部件。要使用标准的 FileInput 小部件(没有这些额外的单词和复选框)，只需在您的表单中执行:

picture = forms.ImageField(upload_to='/path/', widget=forms.FileInput)