Web designer utilizzano spesso forme pulsante incorporati in documenti HTML per la loro flessibilità funzionale e benefici estetici . Oltre ad offrire un modo visivamente piacevole di consentire agli utenti di inviare informazioni o prendere decisioni , pulsanti consentono anche funzionalità diverse in base all'interazione dell'utente . Si verificano diverse azioni quando un utente fa clic , doppio clic, o si libra il cursore sopra il pulsante . In questo articolo, un pulsante HTML dirigerà l'utente a un file scaricabile al clic di un utente . Cose che ti serviranno
Text Editor
Browser Web
Show More Istruzioni
1

Creare il file HTML in un editor di testo ( ad esempio Blocco note ) . Il file di base dovrebbe contenere almeno i tag HTML e il tag body :

< tipo button = nome " pulsante " = "Download" > Scarica < /button >

< /body>

< /html >

il tag " pulsante " contiene le informazioni che descrivono il pulsante . In questo caso, il pulsante è di " bottone" tipo generico e ha il nome "Download ". Le parole tra il < /button > tag appariranno sul pulsante quando viene visualizzato nel browser.
2

diretto il pulsante per il file quando viene cliccato da un utente. Fare questo con l'aggiunta di un on - evento click :

< tipo button = nome " pulsante " = " Download" onclick = window.open ( " http://www.website.com/file/to/download.pdf " ) > Download < /button >

" evento onClick " viene eseguito quando l'utente fa clic sul pulsante . In questo caso, indirizza il browser per aprire una nuova finestra sottolineato la posizione del file .
3

Salvare il file e aprirlo nel browser web . Salvare il file come " . Html " file ( ad esempio " test.html " ) . Aprirlo nel browser. Il pulsante dovrebbe apparire nell'angolo in alto a sinistra della finestra . Cliccando sul pulsante indirizzare l'utente al file e iniziare il processo di download .