Як зробити кнопку в HTML для завантаження файлу

Відеоролик: Как в HTML сделать кнопку для скачивания файла вместо открытия в браузере | Уроки HTML, CSS

Зміст

Інструкції
Як
Що вам потрібно
Список літератури
Рейси

Веб-дизайнери часто використовують кнопки, вбудовані в HTML-документи, для функціональних і естетичних причин. Крім надання користувачам візуально приємного способу надсилання інформації або прийняття рішень, кнопки дозволяють відрізняти функціональність на основі взаємодії з користувачем. У цій статті кнопка HTML дозволить користувачеві завантажити файл після натискання.

Інструкції

Кнопки корисні і гнучкі HTML-компоненти (Hemera Technologies / PhotoObjects.net / Getty Images)

Створіть HTML-файл у текстовому редакторі, наприклад, у Блокноті. Основний файл повинен містити принаймні теги "html" і "body":

>

Тег "кнопка" містить інформацію, що описує цю кнопку. У цьому випадку кнопка має загальний тип "кнопка", а її назва - "Завантажити". Слова між "" тегами з'являться на кнопці, коли сторінка відображається у браузері.
Зробити точку кнопки на файл, коли його натиснув користувач. Для цього додайте подію "onClick":

Подія "onClick" запускатиметься, коли користувач натисне кнопку. У цьому випадку відкриється нове вікно, що вказує на адресу файлу.
Збережіть файл і відкрийте його у веб-переглядачі. Зберегти з розширенням "html" (наприклад, "test.html"). Відкрийте його в браузері. Кнопка з'явиться у верхньому лівому куті вікна, і клацанням по ній буде перенаправлено користувача до файлу і розпочнеться процес завантаження.

Як

Цей код можна скопіювати і вставити в будь-який документ HTML. Прочитайте веб-сайт "W3C Schools" (w3schools.com), щоб дізнатися більше про те, що можуть робити кнопки HTML.