Hur man gör en knapp hämta en fil i HTML

webbdesigners använder ofta knapp former inbäddade i HTML-dokument för deras funktionella flexibilitet och estetiska fördelar . Förutom att erbjuda en visuellt tilltalande sätt att ge användarna möjlighet att lämna upplysningar eller fatta beslut , knappar tillåter också olika funktionalitet baserad på användarinteraktion . Olika åtgärder inträffar när en användare klickar , dubbel klick, eller svävar markören över knappen . I den här artikeln kommer en HTML -knapp styra användaren till en nedladdningsbar fil på en användares klick . Saker du behöver
Textredigerare
webbläsare
Visa fler instruktioner
1

Skapa HTML-filen i en textredigerare ( till exempel Anteckningar ) . Den grundläggande Filen ska innehålla minst de HTML-taggar och taggar kroppen :

knappen < type = " knapp " namn = " Hämta " > Ladda ner < /knappen >

< /body>

< /html >

" knappen " tagg innehåller information som beskriver knappen. I detta fall är knappen för generisk typ " knappen " och har namnet " Download ". Orden mellan < /knappen > taggarna visas på knappen när den visas i webbläsaren .
2

Direkt knappen till filen när den klickas av en användare . Gör detta genom att lägga till en on - click-händelse :

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

" onClick " händelsen körs när användaren klickar på knappen . I detta fall leder det webbläsaren att öppna ett nytt fönster pekade på platsen för filen . Addera 3

Spara filen och öppna den i webbläsaren . Spara filen som en " . Html " -fil ( t.ex. " test.html " ) . Öppna den i webbläsaren . Knappen ska visas i det övre vänstra hörnet av fönstret . Genom att klicka på knappen kommer att styra användaren till filen och påbörja hämtningen.