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:
+12
-1
@@ -203,9 +203,20 @@ disableComments = true
|
|||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="bvs_file">Загрузите уведомление о постановке на учёт БВС от 0,15 кг, заявки без указанного уведомления не будут рассмотрены. Для БВС до 0,15 кг будут отдельно запрошены фотографии с серийным номером на фюзеляже БВС</label>
|
<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>
|
</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">
|
<div class="form-group">
|
||||||
<label for="trip_period">Выберите мероприятие</label>
|
<label for="trip_period">Выберите мероприятие</label>
|
||||||
<select id="trip_period" name="trip_period">
|
<select id="trip_period" name="trip_period">
|
||||||
|
|||||||
Reference in New Issue
Block a user