Kā izveidot pogu HTML, lai lejupielādētu failu

Saturs

• Instrukcijas
• Kā
• Kas jums nepieciešams
• Atsauces
• Lidojumi

Web dizaineri bieži izmanto HTML dokumentos iestrādātas pogas funkcionalitātes un estētisku iemeslu dēļ. Papildus lietotājiem piedāvā vizuāli patīkamu veidu, kā nosūtīt informāciju vai pieņemt lēmumus, pogas pieļauj atšķirīgu funkcionalitāti, pamatojoties uz lietotāja mijiedarbību. Šajā rakstā HTML poga ļaus lietotājam lejupielādēt failu, kad tā tiek noklikšķināta.

Instrukcijas

Pogas ir noderīgas un elastīgas HTML sastāvdaļas (Hemera Technologies / PhotoObjects.net / Getty Images)

1. Izveidojiet HTML failu teksta redaktorā, piemēram, Notepad. Pamatfailā jābūt vismaz "html" un "body" tagiem:

   >

   Atzīmē "poga" ir informācija, kas apraksta pogu. Šādā gadījumā poga ir vispārēja tipa poga un tās nosaukums ir "Lejupielāde". Vārdi starp "" tagiem parādīsies pogā, kad lapa tiek parādīta pārlūkprogrammā.

2. Padariet pogu norādiet uz failu, kad lietotājs to noklikšķina. Lai to izdarītu, pievienojiet notikumu "onClick":

   Notikums "onClick" darbosies, kad lietotājs noklikšķinās uz pogas. Šādā gadījumā tas atvērs jaunu logu, kas norāda uz faila adresi.

3. Saglabājiet failu un atveriet to savā tīmekļa pārlūkprogrammā. Saglabājiet ar paplašinājumu "html" (piemēram, "test.html"). Atveriet to pārlūkprogrammā. Poga parādīsies loga augšējā kreisajā stūrī, un klikšķis uz tā pārsūta lietotājam failu un sāks lejupielādes procesu.

   
   

Kā

• Šo kodu var kopēt un ielīmēt jebkurā HTML dokumentā. Lai uzzinātu vairāk par HTML pogām, izlasiet tīmekļa vietni „W3C skolas” (w3schools.com).

Kas jums nepieciešams

• Teksta redaktors
• Web pārlūks

Atsauces

• W3C skolas: HTML Tag "poga"
• JavaScript kodētājs: izmantojot Window.Open Method

Lidojumi

• W3C skolas: HTML Tag "poga"