Hvordan lage en knapp i HTML for å laste ned en fil

Innhold

retninger
tips
Hva du trenger
referanser
hjelp

Webdesignere bruker ofte knapper innebygd i HTML-dokumenter for funksjonalitet og estetiske årsaker. I tillegg til å gi brukerne en visuelt behagelig måte å sende informasjon eller ta avgjørelser, tillater knappene forskjellig funksjonalitet basert på brukerinteraksjon. I denne artikkelen vil en HTML-knapp tillate en bruker å laste ned en fil når den klikkes.

retninger

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

Opprett HTML-filen i et tekstredigeringsprogram, for eksempel Notisblokk. Den grunnleggende filen skal inneholde minst "html" og "body" -koder:

>

Knappen "knapp" inneholder informasjonen som beskriver knappen. I dette tilfellet er knappen av generisk type "knapp" og navnet heter "Last ned". Ordene mellom "" -tastene vises på knappen når siden vises i en nettleser.
Gjør knappen pek på en fil når den klikkes av en bruker. For å gjøre dette, legg til en "onClick" -hendelse:

Eventet "onClick" kjøres når brukeren klikker på knappen. I dette tilfellet åpnes et nytt vindu som peker på filadressen.
Lagre filen og åpne den i nettleseren din. Lagre med utvidelsen "html" (for eksempel "test.html"). Åpne den i nettleseren. Knappen vil vises øverst til venstre i vinduet, og et klikk på det vil videresende brukeren til filen og starte nedlastingsprosessen.

tips

Denne koden kan kopieres og limes inn i et hvilket som helst HTML-dokument. Les nettstedet "W3C Schools" (w3schools.com) for å lære mer om hva HTML-knapper kan gjøre.