Kako napraviti gumb naHTML za preuzimanje datoteke

Video: Control 32 Servo over Wi-Fi using ESP32 and PCA9685 via desktop or mobile phone V5

Sadržaj

smjerovi
savjeti
Što vam je potrebno
reference
sredstva

Web dizajneri često koriste gumbe ugrađene u HTML dokumente zbog funkcionalnosti i estetskih razloga.Osim što korisnicima nudi vizualno ugodan način slanja informacija ili donošenja odluka, gumbi omogućuju drugačijedo korisničke interakcije. U ovom članku HTML gumb omogućit će korisniku preuzimanje datoteke kada se klikne.

smjerovi

Gumbi su korisne i fleksibilne HTML komponente (Hemera Technologies / PhotoObjects.net / Getty Images)

Stvorite HTML datoteku u uređivaču teksta, kao što je Notepad.Osnovna datoteka treba sadržavati barem oznake "html" i "body":

>

Oznaka "gumb" sadrži informacije koje opisuju gumb.U ovom slučaju, gumb je generičkog tipa "button" i njegovo ime je "Download". Riječi između "" oznaka pojavit će se na gumbu kada se stranica prikažeprikazuje se u pregledniku.
Postavite gumb da pokazuje na datoteku kada je korisnik klikne. Da biste to učinili, dodajte događaj "onClick":

Događaj "onClick" pokrenut će se kada korisnik klikne gumb. U tom slučaju otvorit će se novi prozor koji pokazuje na adresu datoteke.
Spremite datoteku i otvorite je u web-pregledniku. Spremite s proširenjem "html" (na primjer, "test.html"). Otvorite ga u pregledniku. Gumb će se pojaviti u gornjem kutulijevo od prozora i klik na njega proslijedit će korisnika u datoteku i započeti postupak preuzimanja.

savjeti

Ovaj se kod može kopirati i zalijepitibilo koji HTML dokument. Pročitajte web-mjesto "W3C škole" (w3schools.com) da biste saznali više o tome što HTML gumbi mogu učiniti.