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

Innehåll

vägbeskrivning
tips
Vad du behöver
referenser
medel

Webbdesigners använder ofta knappar inbäddade i HTML-dokument för funktionalitet och estetiska skäl. Förutom att erbjuda användare ett visuellt tilltalande sätt att skicka information eller fatta beslut, tillåter knapparna olika funktionalitet baserat på användarens interaktion. I den här artikeln tillåter en HTML-knapp en användare att ladda ner en fil när den klickas.

vägbeskrivning

Knappar är användbara och flexibla HTML-komponenter (Hemera Technologies / PhotoObjects.net / Getty Images)

Skapa HTML-filen i en textredigerare, till exempel Anteckningsblock. Den grundläggande filen ska innehålla åtminstone "html" och "body" -taggarna:

>

Knappen "knapp" innehåller informationen som beskriver knappen. I det här fallet är knappen av generisk typ "knapp" och namnet är "Download". Orden mellan "" taggarna kommer att visas på knappen när sidan visas i en webbläsare.
Gör knappen peka på en fil när den klickas av en användare. För att göra detta lägger du till en "onClick" -händelse:

"OnClick" -händelsen kommer att köras när användaren klickar på knappen. I det här fallet öppnas ett nytt fönster som pekar på filadressen.
Spara filen och öppna den i din webbläsare. Spara med förlängningen "html" (till exempel "test.html"). Öppna den i webbläsaren. Knappen kommer att visas i övre vänstra hörnet av fönstret och ett klick på det kommer att vidarebefordra användaren till filen och börja ladda ner processen.

tips

Den här koden kan kopieras och klistras in i något HTML-dokument. Läs "W3C Schools" hemsida (w3schools.com) för att lära dig mer om vilka HTML-knappar som kan göras.