Πώς να δημιουργήσετε ένα κουμπί HTML που λειτουργεί σαν σύνδεσμος

Μερικές φορές μπορεί να θέλετε να χρησιμοποιήσετε ένα κουμπί για σύνδεση σε άλλη σελίδα ή ιστότοπο αντί να υποβάλετε μια φόρμα ή κάτι τέτοιο. Αυτό είναι αρκετά απλό να γίνει και μπορεί να επιτευχθεί με διάφορους τρόπους.

Ένας τρόπος είναι απλά να τυλίξετε την ετικέτα σας σε μια ετικέτα:

Link To freeCodeCamp

Αυτό μετατρέπει ολόκληρο το κουμπί σε σύνδεσμο.

Μια δεύτερη επιλογή είναι να δημιουργήσετε τον σύνδεσμό σας όπως θα κάνατε κανονικά με την ετικέτα σας και στη συνέχεια να το στυλ μέσω CSS:

Link To freeCodeCamp

Μόλις δημιουργήσετε τον σύνδεσμό σας, μπορείτε να χρησιμοποιήσετε το CSS για να μοιάζει με κουμπί. Για παράδειγμα, θα μπορούσατε να προσθέσετε ένα περίγραμμα, ένα χρώμα φόντου, κάποια στυλ για όταν ο χρήστης αιωρεί τον σύνδεσμο…

Ένας άλλος τρόπος για να προσθέσετε ένα κουμπί είναι να τυλίξετε inputεσωτερικές formετικέτες. Καθορίστε την επιθυμητή διεύθυνση URL στόχου στο χαρακτηριστικό action form.

Περισσότερες πληροφορίες:

  • FreeCodeCamp Guide - κουμπιά στυλ
  • Οδηγός freeCodeCamp - Τρόπος χρήσης συνδέσμων
  • Πώς να δημιουργήσετε ένα κουμπί HTML που λειτουργεί σαν σύνδεσμος;