Zawartość
Projektanci stron internetowych często używają przycisków osadzonych w dokumentach HTML ze względu na funkcjonalność i względy estetyczne. Oprócz oferowania użytkownikom przyjemnego wizualnie sposobu wysyłania informacji lub podejmowania decyzji, przyciski umożliwiają różne funkcje oparte na interakcji użytkownika. W tym artykule przycisk HTML umożliwi użytkownikowi pobranie pliku po jego kliknięciu.
Instrukcje
-
Utwórz plik HTML w edytorze tekstu, takim jak Notatnik. Podstawowy plik powinien zawierać co najmniej znaczniki „html” i „body”:
>
Znacznik „przycisk” zawiera informacje opisujące przycisk. W tym przypadku przycisk jest typu „przycisk”, a jego nazwa to „Pobierz”. Słowa między tagami „” pojawią się na przycisku, gdy strona jest wyświetlana w przeglądarce.
-
Gdy przycisk zostanie kliknięty przez użytkownika, wskaż przycisk na plik. Aby to zrobić, dodaj wydarzenie „onClick”:
Zdarzenie „onClick” zostanie uruchomione, gdy użytkownik kliknie przycisk. W tym przypadku otworzy nowe okno wskazujące adres pliku.
-
Zapisz plik i otwórz go w przeglądarce internetowej. Zapisz z rozszerzeniem „html” (na przykład „test.html”). Otwórz go w przeglądarce. Przycisk pojawi się w lewym górnym rogu okna, a kliknięcie go przekaże użytkownika do pliku i rozpocznie proces pobierania.
Jak
- Ten kod można skopiować i wkleić do dowolnego dokumentu HTML. Przeczytaj stronę „W3C Schools” (w3schools.com), aby dowiedzieć się więcej o tym, co mogą zrobić przyciski HTML.
Czego potrzebujesz
- Edytor tekstu
- Przeglądarka internetowa
Referencje
- Szkoły W3C: przycisk „Tag HTML”
- Koder JavaScript: Korzystanie z metody Window.Open
Loty
- Szkoły W3C: przycisk „Tag HTML”