关于python:django文件上传模板设计

django file upload template design

我在django中创建了一个简单的文件上传器,效果很好,现在正尝试在模板中设置表单格式。

"选择文件"按钮旁边有一个标签,上面写着"未选择文件",该标签在选择文件后会正确更改为文件名。

我希望能够移动"未选择文件"文本的位置,因此它不在按钮旁边,但是我不知道如何获取/移动该标签。 (在这方面,我对编程和HTML还是相当陌生的)。

我很感谢您的时间和专业知识

表格:

1
2
class UploadFileForm(forms.Form):
    upload = forms.FileField()

模板形式:

1
2
3
4
5
6
7
8
<form action="{% url 'reconcile_inventory' location.slug %}" method="post" enctype="multipart/form-data">
    {% csrf_token %}

    {{ form.upload }}

    <input type="submit" value="Submit" />

</form
>


很遗憾,您不能移动此标签。
浏览器决定其呈现方式。

但是,有一些选择。例如,您可以将输入的标签设为与背景相同的颜色,如下所示:

1
<input type="file" class="remove-label">

和CSS:

1
2
3
4
input.remove-label
{
    color: #fff;
}

或为此输入提供较小的宽度,因此将仅显示一个按钮。

然后将您的自定义标签放在您想要的div中。
但这显然不会让用户看到\\'current \\'文件。