Web -designere bruker ofte knapp former innebygd i HTML-dokumenter for funksjonell fleksibilitet og estetiske fordeler. Foruten å tilby en visuelt tiltalende måte å tillate brukere å sende informasjon eller ta avgjørelser, knapper også tillate annen funksjonalitet basert på brukermedvirkning. Ulike handlinger oppstår når en bruker klikker , dobbel klikk, eller svever markøren over knappen . I denne artikkelen vil en HTML- knappen lede brukeren til en nedlastbar fil på brukerens klikk. Du trenger
tekst editor
nettleser
Vis flere instruksjoner
en

Lag HTML-filen i en tekst editor ( for eksempel Notisblokk ) . Den grunnleggende filen skal inneholde minst de HTML-kodene og kroppen tags : en

< -knappen type = " button" navn = "Last ned" > Last ned < /knapp>

< /body >

< /html >

" knappen " tag inneholder informasjon som beskriver knappen. I dette tilfellet er knappen for generisk type " knappen ", og har navnet "Last ned ". Ordene mellom < /button >-kodene vises på knappen når den vises i nettleseren.
2

Direkte på knappen til filen når den blir klikket av en bruker. Gjør dette ved å legge en på klikkhendelsen : en

< -knappen type = " button" name = "Last ned" onClick = window.open ( " http://www.website.com/file/to/download.pdf ") > Last ned < /knapp>

" onClick "event utføres når brukeren klikker på knappen . I dette tilfellet , leder den nettleseren til å åpne et nytt vindu pekte på plasseringen av filen .
3

Lagre filen og åpne den i nettleseren. Lagre filen som en " . Html "-filen (for eksempel " test.html ") . Åpne den i nettleseren . Knappen skal vises i øvre venstre hjørne av vinduet . Ved å klikke på knappen vil lede brukeren til filen og starte nedlastingen .