Cum se face un buton în HTML pentru a descărca un fișier

Autor: Eugene Taylor
Data Creației: 11 August 2021
Data Actualizării: 21 Aprilie 2024
Anonim
Cum se face un buton în HTML pentru a descărca un fișier - Articole
Cum se face un buton în HTML pentru a descărca un fișier - Articole

Conţinut

Designerii de web folosesc adesea butoane încorporate în documente HTML din motive de funcționalitate și din punct de vedere estetic. Pe lângă faptul că oferă utilizatorilor o modalitate plăcută vizual de a trimite informații sau de a lua decizii, butoanele permit funcții diferite bazate pe interacțiunea utilizatorului. În acest articol, un buton HTML va permite unui utilizator să descarce un fișier atunci când acesta este apăsat.


instrucțiuni de ghidare

Butoanele sunt componente HTML utile și flexibile (Hemera Technologies / PhotoObjects.net / Getty Images)
  1. Creați fișierul HTML într-un editor de text, cum ar fi Notepad. Fișierul de bază trebuie să conțină cel puțin etichetele "html" și "body":

    >

    Eticheta "buton" conține informațiile care descriu butonul. În acest caz, butonul este de tip "buton" generic și numele său este "Descărcare". Cuvintele dintre etichetele vor apărea pe buton atunci când pagina este afișată într - un browser.

  2. Faceți butonul să indice un fișier când acesta este apăsat de un utilizator. Pentru aceasta, adăugați un eveniment "onClick":

    Evenimentul "onClick" se va afișa când utilizatorul face clic pe buton. În acest caz, se va deschide o fereastră nouă indicând adresa fișierului.


  3. Salvați fișierul și deschideți-l în browserul dvs. web. Salvați cu extensia "html" (de exemplu, "test.html"). Deschideți-o în browser. Butonul va apărea în colțul din stânga sus al ferestrei și un clic pe el va transmite utilizatorul în fișier și va începe procesul de descărcare.

sfaturi

  • Acest cod poate fi copiat și inserat în orice document HTML. Citiți site-ul "Școli W3C" (w3schools.com) pentru a afla mai multe despre ce pot face butoanele HTML.

Ce ai nevoie

  • Editor de text
  • Web browser

Referințe

  • Școlile W3C: Eticheta HTML "buton"
  • Coder JavaScript: utilizând metoda Window.Open

mijloace

  • Școlile W3C: Eticheta HTML "buton"