Πώς να κάνει ένα κουμπί Λήψη αρχείου σε μορφή HTML

Web σχεδιαστές χρησιμοποιούν συχνά μορφές κουμπί που ενσωματώνονται σε έγγραφα HTML για τη λειτουργική ευελιξία τους και αισθητικά οφέλη . Εκτός από προσφέροντας ένα ευχάριστο οπτικά τρόπο που επιτρέπει στους χρήστες να υποβάλλουν πληροφορίες ή να λαμβάνουν αποφάσεις , κουμπιά επιτρέπουν επίσης διαφορετικές λειτουργίες με βάση την αλληλεπίδραση του χρήστη . Διαφορετικές ενέργειες συμβαίνουν όταν ένας χρήστης κάνει κλικ , διπλό κλικ , ή να αιωρείται το δρομέα πάνω στο κουμπί . Σε αυτό το άρθρο , ένα κουμπί HTML θα κατευθύνει το χρήστη σε μια downloadable αρχείο με κλικ του χρήστη . Τα πράγματα που θα χρειαστείτε
επεξεργαστή κειμένου
πρόγραμμα περιήγησης στο Web
Η Εμφάνιση Περισσότερες οδηγίες
Η 1

Δημιουργήστε το αρχείο HTML σε ένα πρόγραμμα επεξεργασίας κειμένου (όπως το Notepad) . Το βασικό αρχείο θα πρέπει να περιέχει τουλάχιστον τις ετικέτες HTML και τις ετικέτες του σώματος :

<τύπου κομβίου = " κουμπί" όνομα = " Download " > Λήψη κουμπί

το " κουμπί " ετικέτα περιέχει τις πληροφορίες που περιγράφουν το κουμπί . Σε αυτή την περίπτωση, το κουμπί είναι γενικού τύπου " κουμπί" και έχει την ονομασία " Download ". Οι λέξεις μεταξύ του κουμπί ετικέτες θα εμφανιστεί το κουμπί , όταν προβάλλεται στο πρόγραμμα περιήγησης . 2

Κατευθύνετε το κουμπί στο αρχείο όταν πατηθεί από τον χρήστη . Κάνετε αυτό με την προσθήκη ενός on- click event :

<τύπου κομβίου = " κουμπί " name = " Download" onClick = window.open ( " http://www.website.com/file/to/download.pdf " ) > Download κουμπί

η " onClick " συμβάν εκτελείται όταν ο χρήστης κάνει κλικ στο κουμπί . Στην περίπτωση αυτή , διευθύνει το πρόγραμμα περιήγησης για να ανοίξετε ένα νέο παράθυρο επεσήμανε την θέση του αρχείου .
Εικόνων 3

Αποθηκεύστε το αρχείο και να το ανοίξετε στο πρόγραμμα περιήγησης στο web . Αποθηκεύστε το αρχείο ως " . Html " αρχείο (όπως " test.html " ) . Ανοίξτε το στο πρόγραμμα περιήγησης. Το κουμπί θα εμφανιστεί στην επάνω αριστερή γωνία του παραθύρου . Κάνοντας κλικ στο κουμπί θα κατευθύνει το χρήστη στο αρχείο και να ξεκινήσει η διαδικασία λήψης .
Η
εικόνων