Wie man einen Knopf Downloaden einer Datei in HTML
Web Designer verwenden oft Schaltfläche Formulare in HTML-Dokumente für ihre funktionale Flexibilität und ästhetische Vorteile eingebettet. Neben einer optisch ansprechende Art und Weise erlaubt den Nutzern, Informationen zu übermitteln oder Entscheidungen zu treffen , Buttons erlauben auch eine andere Funktionalität auf Benutzerinteraktion . Verschiedene Aktionen auftreten, wenn ein Benutzer klickt , Doppel- Klicks oder den Cursor über die Schaltfläche . In diesem Artikel wird eine HTML- Schaltfläche den Benutzer zu einer herunterladbaren Datei auf einem Anwender- Click lenken. Things You Texteditor Browser brauchen anzeigen Weitere Anweisungen 1
Erstellen Sie die HTML-Datei in einem Texteditor (zB Notepad ) . Die grundlegende Datei sollte mindestens die HTML-Tags und die Body-Tags :
Taste < type = "button" Namen = "Download" > Download
< /body>
< /html>
Die " Taste "-Tag enthält die Informationen beschreiben die Taste. In diesem Fall ist die Taste des generischen Typs "button" und hat den Namen "Download ". Die Worte zwischen dem -Tags wird auf der Schaltfläche angezeigt, wenn im Browser betrachtet werden. 2
Direkter die Taste auf die Datei, wenn sie von einem Benutzer angeklickt wird. Tun Sie dies , indem Sie sich auf ein Click-Ereignis :
< button type = "button" name = "Download" onClick = window.open ( " http://www.website.com/file/to/download.pdf " ) > Download
" onClick "-Ereignis wird ausgeführt, wenn der Benutzer auf die Schaltfläche klickt . In diesem Fall , leitet es den Browser ein neues Fenster deutete auf den Speicherort der Datei zu öffnen. 3
Speichern Sie die Datei und öffnen Sie sie im Web-Browser . Speichern Sie die Datei als " . Html "-Datei (z. B. " test.html " ) . Öffnen Sie es in Ihrem Browser. Die Schaltfläche sollte in der oberen linken Ecke des Fensters . Mit einem Klick auf die Schaltfläche wird der Benutzer in die Datei zu leiten und den Download -Prozess .