Ako urobiť tlačidlo v HTML na stiahnutie súboru

Obsah

inštrukcia
tipy
Čo potrebujete
Referencie
prostriedky

Web dizajnéri často používajú tlačidlá vložené v dokumentoch HTML z funkčných a estetických dôvodov. Okrem toho, že ponúkajú užívateľom vizuálne príjemný spôsob odosielania informácií alebo rozhodovania, tlačidlá umožňujú rôzne funkcie založené na interakcii používateľa. V tomto článku tlačidlo HTML umožní používateľovi stiahnuť súbor po kliknutí.

inštrukcia

Tlačidlá sú užitočné a flexibilné komponenty HTML (Hemera Technologies / PhotoObjects.net / Getty Images)

Vytvorte súbor HTML v textovom editore, napríklad v programe Poznámkový blok. Základný súbor by mal obsahovať aspoň značky „html“ a „body“:

>

Značka "tlačidlo" obsahuje informácie, ktoré popisujú tlačidlo. V tomto prípade je tlačidlo generického typu "button" a jeho názov je "Download". Slová medzi značkami sa zobrazia na tlačidle, keď sa stránka zobrazí v prehliadači.
Keď používateľ klikne na tlačidlo, ukážte na súbor. Ak to chcete urobiť, pridajte udalosť „onClick“:

Udalosť "onClick" sa spustí, keď používateľ klikne na tlačidlo. V tomto prípade sa otvorí nové okno, ktoré ukazuje na adresu súboru.
Uložte súbor a otvorte ho vo webovom prehliadači. Uložiť s príponou "html" (napríklad "test.html"). Otvorte ho v prehliadači. Tlačidlo sa zobrazí v ľavom hornom rohu okna a kliknutie na neho postúpi používateľovi súbor a začne proces sťahovania.

tipy

Tento kód je možné kopírovať a prilepiť do akéhokoľvek dokumentu HTML. Prečítajte si webové stránky "W3C Schools" (w3schools.com), aby ste sa dozvedeli viac o tom, čo môžu robiť HTML tlačidlá.