Add custom file upload button with Russian label 'Выбрать файл'

- Replace standard browser file input with custom styled button
- Add blue button label 'Выбрать файл' instead of 'Choose File'
- Display selected filename with checkmark after selection
- Hide default file input element
This commit is contained in:
Kirik
2025-11-10 20:06:24 +01:00
parent 48b8bc3285
commit 7bacf51dd1
+12 -1
View File
@@ -203,9 +203,20 @@ disableComments = true
<div class="form-group">
<label for="bvs_file">Загрузите уведомление о постановке на учёт БВС от 0,15 кг, заявки без указанного уведомления не будут рассмотрены. Для БВС до 0,15 кг будут отдельно запрошены фотографии с серийным номером на фюзеляже БВС</label>
<input type="file" id="bvs_file" name="bvs_file" accept=".pdf" placeholder="Загрузите PDF документ">
<div style="margin-top: 10px;">
<label for="bvs_file" style="display: inline-block; padding: 10px 20px; background-color: #007bff; color: white; border-radius: 4px; cursor: pointer; font-weight: bold;">Выбрать файл</label>
<span id="file-name" style="margin-left: 10px; color: #666;"></span>
</div>
<input type="file" id="bvs_file" name="bvs_file" accept=".pdf" style="display: none;">
</div>
<script>
document.getElementById('bvs_file').addEventListener('change', function(e) {
const fileName = e.target.files[0]?.name || '';
document.getElementById('file-name').textContent = fileName ? '✓ ' + fileName : '';
});
</script>
<div class="form-group">
<label for="trip_period">Выберите мероприятие</label>
<select id="trip_period" name="trip_period">