Sådan laver du en knap i HTML for at downloade en fil

Indhold

retninger
tips
Hvad du har brug for
Referencer
midler

Webdesignere bruger ofte knapper indlejret i HTML-dokumenter for funktionalitet og æstetiske årsager. Ud over at give brugerne en visuelt behagelig måde at sende informationer eller træffe beslutninger på, tillader knapperne forskellige funktionalitet baseret på brugerinteraktion. I denne artikel kan en HTML-knap tillade en bruger at downloade en fil, når den klikkes.

retninger

Knapper er nyttige og fleksible HTML-komponenter (Hemera Technologies / PhotoObjects.net / Getty Images)

Opret HTML-filen i et tekstredigeringsprogram, f.eks. Notesblok. Den grundlæggende fil skal indeholde mindst "html" og "body" tags:

>

Knappen "Knappen" indeholder de oplysninger, der beskriver knappen. I dette tilfælde er knappen af generisk type "knap" og navnet hedder "Download". Ordene mellem "" tagsne vises på knappen, når siden vises i en browser.
Gør knappen pege på en fil, når den klikkes af en bruger. For at gøre dette skal du tilføje en "onClick" -hændelse:

Eventet "onClick" vil køre, når brugeren klikker på knappen. I dette tilfælde åbnes et nyt vindue, der peger på filadressen.
Gem filen og åbn den i din webbrowser. Gem med udvidelsen "html" (for eksempel "test.html"). Åbn den i browseren. Knappen vises i øverste venstre hjørne af vinduet, og et klik på det vil videresende brugeren til filen og starte download processen.

tips

Denne kode kan kopieres og indsættes i ethvert HTML-dokument. Læs hjemmesiden "W3C Schools" (w3schools.com) for at lære mere om, hvilke HTML-knapper der kan gøres.