django file upload template design

Question

Я создал простой загрузчик файлов в django, который отлично работает, и теперь я пытаюсь отформатировать форму в шаблоне.

Кнопка «выбрать файл» имеет метку рядом с ней, которая гласит «No file selected», который правильно изменяется на имя файла при выборе файла.

Я хотел был бы иметь возможность переместить местоположение этого текста «No file selected», поэтому он не находится рядом с кнопкой, но я не могу понять, как получить/переместить эту метку. (Я довольно новыми для программирования и HTML по этому вопросу)

Я ценю время и опыт

Бен

Форма:

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

форма шаблона:

<form action="{% url 'reconcile_inventory' location.slug %}" method="post" enctype="multipart/form-data"> 
    {% csrf_token %} 

    {{ form.upload }} 

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

</form 

Answer 1

К сожалению, вы не можете переместить эту метку.
Браузер решает, как это делается.

Однако есть некоторые варианты.
Например, вы можете сделать ярлык на вход, чтобы быть того же цвета в качестве фона, как это:

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

И CSS:

input.remove-label 
{ 
    color: #fff; 
} 

ИЛИ дать этот вход небольшую ширину, так отображается только одна кнопка.

А затем просто поместите свой пользовательский ярлык в div, где бы вы хотели его видеть.
Но это, очевидно, не позволит пользователю увидеть «текущий» файл.