Wie Sie eine Schaltfläche Downloaden einer Datei im HTML
Web-Designer verwenden häufig die Schaltfläche Formen eingebettet in HTML-Dokumente für ihre funktionale Flexibilität und ästhetische Vorteile. Neben einen optisch ansprechenden Weg, sodass Benutzer übermitteln Informationen oder Entscheidungen zu machen, ermöglichen die Schaltflächen auch verschiedene Funktionen basierend auf Benutzerinteraktion. Verschiedene Aktionen auftreten, wenn ein Benutzer klickt, doppelklickt oder den Cursor über die Schaltfläche bewegt. In diesem Artikel wird eine HTML-Schaltfläche den Benutzer auf eine herunterladbare Datei auf eine Benutzer-Klick direkt.
Anweisungen
1 Erstellen der HTML-Datei in einen Texteditor (z.B. Notepad). Die grundlegende Datei sollte mindestens die HTML-Tags und den Body-Tags enthalten:
< html >
< Körper >
< Schaltfläche Typ = "Knopf" Name = "Download" > Download < / Taste >
< / body >
< / html >
Das "Knopf"-Tag enthält die Informationen beschreiben die Schaltfläche. In diesem Fall die Schaltfläche des generischen Typs "Knopf" ist und hat den Namen "Download." Die Worte zwischen den < Button >< / Taste > Markierungen erscheinen auf die Schaltfläche im Browser angezeigt.
2 Leiten Sie die Taste, um die Datei, wenn ein Benutzer darauf klickt. Dazu ein Klickereignis hinzufügen:
< Schaltfläche Typ = "Knopf" Name = "Download" OnClick = window.open ("Download & Lt; / Taste" > http://www.website.com/file/to/download.pdf ") > Download & Lt; / Taste >
Das "OnClick"-Ereignis ausgeführt wird, wenn der Benutzer die Schaltfläche klickt. In diesem Fall leitet es den Browser ein neues Fenster, verwies auf den Speicherort der Datei zu öffnen.
3 Speichern Sie die Datei und öffnen sie im Webbrowser. Speichern Sie die Datei als ".html"-Datei (z. B. "test.html"). Öffnen sie im Browser. Die Schaltfläche in der oberen linken Ecke des Fensters angezeigt. Klick auf den Button wird den Benutzer auf die Datei und den Download-Prozess zu beginnen.