Hogyan készítsünk egy gombot HTML-ben egy fájl letöltéséhez

Tartalom

irányok
tippek
Amire szüksége van
Irodalom
eszközök

A webes tervezők gyakran használnak HTML dokumentumokba ágyazott gombokat a funkcionalitás és esztétikai okok miatt. A gombok lehetővé teszik a felhasználók számára, hogy a felhasználók interakcióján alapuló különböző funkciókat vizuálisan adhassanak meg és döntéseket hozhassanak. Ebben a cikkben egy HTML gomb lehetővé teszi, hogy a felhasználó letöltse a fájlt, amikor rákattint.

irányok

A gombok hasznos és rugalmas HTML-összetevők (Hemera Technologies / PhotoObjects.net / Getty Images)

Hozzon létre egy HTML-fájlt egy szövegszerkesztőben, például a Jegyzettömbben. Az alapfájlnak legalább a "html" és a "body" címkéket kell tartalmaznia:

>

A "gomb" címke tartalmazza a gombot leíró információkat. Ebben az esetben a gomb általános típusú "gomb", és a neve "Letöltés". A "" címkék közötti szavak megjelennek a gombon, amikor az oldal egy böngészőben jelenik meg.
Ha a felhasználó rákattint, állítsa a gombot egy fájlra. Ehhez adjon hozzá egy "onClick" eseményt:

Az "onClick" esemény akkor fut, amikor a felhasználó rákattint a gombra. Ebben az esetben megnyit egy új ablakot, amely a fájl címére mutat.
Mentse el a fájlt, és nyissa meg a webböngészőben. Mentés a "html" kiterjesztéssel (például "test.html"). Nyissa meg a böngészőben. A gomb megjelenik az ablak bal felső sarkában, és egy kattintás a felhasználónak továbbítja a fájlt a fájlba, és elkezdi a letöltési folyamatot.

tippek

Ezt a kódot bármely HTML dokumentumba másolhatja és beillesztheti. Olvassa el a "W3C iskolák" weboldalt (w3schools.com), hogy többet megtudjon a HTML gombokról.