Kako narediti gumb v HTML za prenos datoteke

Video.: The Complete Guide to Google Forms - Online Survey and Data Collection Tool!

Vsebina

Navodila
Kako
Kaj potrebujete
Reference
Leti

Spletni oblikovalci pogosto uporabljajo gumbe, vgrajene v dokumente HTML, zaradi funkcionalnosti in estetskih razlogov. Poleg tega, da uporabnikom ponujajo vizualno prijeten način za pošiljanje informacij ali sprejemanje odločitev, gumbi omogočajo različno funkcionalnost, ki temelji na interakciji uporabnika. V tem članku bo gumb HTML omogočil uporabniku, da prenese datoteko, ko jo kliknete.

Navodila

Gumbi so uporabne in prilagodljive komponente HTML (Hemera Technologies / PhotoObjects.net / Getty Images)

Ustvarite datoteko HTML v urejevalniku besedila, kot je beležnica. Osnovna datoteka mora vsebovati vsaj oznake »html« in »body«:

>

Oznaka »gumb« vsebuje informacije, ki opisujejo gumb. V tem primeru je gumb generičnega tipa "gumb", njegovo ime pa je "Prenesi". Besede med oznakami se bodo pojavile na gumbu, ko bo stran prikazana v brskalniku.
Gumb pokaže na datoteko, ko jo klikne uporabnik. To naredite tako, da dodate dogodek »onClick«:

Dogodek "onClick" se bo izvajal, ko uporabnik klikne gumb. V tem primeru se odpre novo okno, ki kaže na naslov datoteke.
Shranite datoteko in jo odprite v spletnem brskalniku. Shrani z razširitvijo »html« (na primer »test.html«). Odprite ga v brskalniku. Gumb se bo pojavil v zgornjem levem kotu okna in klik na njega bo uporabnika prenesel v datoteko in začel postopek prenosa.

Kako

To kodo lahko kopirate in prilepite v kateri koli dokument HTML. Preberite spletno mesto »Šole W3C« (w3schools.com), če želite izvedeti več o tem, kaj lahko naredijo gumbi HTML.