Jak vytvořit tlačítko v HTML ke stažení souboru

Obsah

Pokyny
Jak
Co potřebujete
Odkazy
Lety

Weboví designéři často používají tlačítka vložená v dokumentech HTML z funkčních a estetických důvodů. Kromě toho, že nabízí uživatelům vizuálně příjemný způsob odesílání informací nebo rozhodování, tlačítka umožňují různou funkčnost na základě interakce uživatele. V tomto článku tlačítko HTML umožní uživateli stáhnout soubor po klepnutí.

Pokyny

Tlačítka jsou užitečné a flexibilní komponenty HTML (Hemera Technologies / PhotoObjects.net / Getty Images)

Vytvořte soubor HTML v textovém editoru, jako je například Poznámkový blok. Základní soubor by měl obsahovat alespoň tagy „html“ a „body“:

>

Značka "tlačítko" obsahuje informace, které popisují tlačítko. V tomto případě je tlačítko generického typu "button" a jeho jméno je "Download". Když se stránka zobrazí v prohlížeči, na tlačítku se zobrazí slova mezi značkami.
Pokud uživatel klepne na tlačítko, přejde na soubor. Chcete-li to provést, přidejte událost „onClick“:

Událost "onClick" se spustí, když uživatel klepne na tlačítko. V tomto případě se otevře nové okno ukazující na adresu souboru.
Uložte soubor a otevřete jej ve webovém prohlížeči. Uložit s příponou "html" (například "test.html"). Otevřete ji v prohlížeči. Tlačítko se zobrazí v levém horním rohu okna a kliknutím na něj bude uživatel přeposlán do souboru a zahájí proces stahování.

Jak

Tento kód lze kopírovat a vkládat do libovolného dokumentu HTML. Přečtěte si webové stránky "W3C Schools" (w3schools.com), abyste se dozvěděli více o tom, co mohou HTML tlačítka dělat.