Form file

Компонент «Form file» - красивый input[type=file] для современного и стильного сайта.

Замените элемент <input> с атрибутом type="file" ^{*выбор файла} по умолчанию своим собственным содержимым HTML, например, кнопкой. При нажатии на кнопку открывается окно для выбора файла, где можно указать, какой файл пользователь желает использовать.

Использование

Чтобы применить компонент «Form file», добавьте класс .uk-form-file к элементу контейнера вокруг кнопки и элемента <input type="file">. Можно использовать любой другой элемент вместо кнопки.

Заметка Можно использовать любой другой элемент вместо кнопки.

Пример

Вы также можете использовать

любой текст

Разметка

<div class="uk-form-file">
    <button class="uk-button">...</button>
    <input type="file">
</div>

<div class="uk-form-file">Текст <input type="file"></div>

Добавляем к проекту компонент

<link rel="stylesheet" href="/../css/components/form-file.min.css">