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 \\'文件。