Δημιουργία κουμπιών χρησιμοποιώντας ετικέτες εισόδου HTML σε έντυπα

Μπορείτε να δημιουργήσετε προσαρμόσιμα κουμπιά κειμένου στην HTML χρησιμοποιώντας το ετικέτα. ο στοιχείο χρησιμοποιείται σε ένα

στοιχείο.

Ρυθμίζοντας το χαρακτηριστικό τύπος σε "κουμπί", θα δημιουργηθεί ένα απλό κουμπί με δυνατότητα κλικ. Μπορείτε να ορίσετε το κείμενο που θα εμφανιστεί στο κουμπί, όπως "Υποβολή", χρησιμοποιώντας το αξία Χαρακτηριστικό.

Για παράδειγμα:

Να γνωρίζετε ότι το η ετικέτα δεν θα υποβάλει μια φόρμα HTML. θα πρέπει ακόμα να συμπεριλάβετε JavaScript για να χειριστείτε την υποβολή δεδομένων φόρμας. Χωρίς JavaScript στο κλικ event, το κουμπί θα φαίνεται να είναι clickable, αλλά τίποτα δεν θα συμβεί και θα έχετε απογοητεύσει τους αναγνώστες σας.

ο

Αν και χρησιμοποιώντας την ετικέτα εισόδου για να δημιουργήσετε ένα κουμπί λειτουργεί για το σκοπό του, είναι μια καλύτερη επιλογή να χρησιμοποιήσετε το ετικέτα για να δημιουργήσετε τα κουμπιά HTML του ιστοτόπου ο η ετικέτα είναι πιο ευέλικτη επειδή σας επιτρέπει να χρησιμοποιήσετε εικόνες για το κουμπί (που σας βοηθά να διατηρήσετε την οπτική συνέπεια εάν ο ιστότοπός σας έχει θέμα σχεδίου) και μπορεί να οριστεί ως ένας τύπος κουμπί υποβολής ή επαναφοράς χωρίς να χρειαστεί επιπλέον JavaScript.

Θα θέλετε να καθορίσετε το κουμπί τύπος χαρακτηριστικό σε οποιοδήποτε ετικέτες. Υπάρχουν τρεις διαφορετικοί τύποι:

κουμπί - Το κουμπί δεν έχει εγγενή συμπεριφορά, αλλά χρησιμοποιείται σε συνδυασμό με δέσμες ενεργειών που εκτελούνται στην πλευρά του πελάτη και μπορούν να συνδεθούν με το κουμπί και να εκτελεστούν όταν πατηθεί.

επαναφορά - Επαναφέρει όλες τις τιμές.

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

Άλλα χαρακτηριστικά περιλαμβάνουν:

όνομα - Δίνει στο κουμπί ένα όνομα αναφοράς.

αξία - Καθορίζει μια τιμή που θα εκχωρηθεί αρχικά στο κουμπί.

καθιστώ ανίκανο - Απενεργοποιεί το κουμπί.

Το HTML5 προσθέτει κάποια πρόσθετα χαρακτηριστικά στο
διαμόρφωση - Χρησιμοποιείται μόνο με type = "υποβάλλει" και μια διεύθυνση URL ως τιμή, καθορίζει πού θα σταλούν τα δεδομένα φόρμας. Για παράδειγμα:

formenctype - Χρησιμοποιείται μόνο με type = "υποβάλλει" Χαρακτηριστικό. Ορίζει τον τρόπο κωδικοποίησης των δεδομένων φόρμας όταν υποβάλλονται στον διακομιστή. Οι τρεις τιμές είναι εφαρμογή / x-www-μορφή-urlencoded (Προκαθορισμένο), πολλαπλών / μορφών δεδομένων, και κείμενο / απλό.

formmethod - Χρησιμοποιείται μόνο με type = "υποβάλλει" Χαρακτηριστικό. Αυτό καθορίζει τη μέθοδο HTTP που θα χρησιμοποιηθεί κατά την υποβολή δεδομένων φόρμας παίρνω ή Θέση.

formnovalidate - Χρησιμοποιείται μόνο με type = "υποβάλλει" Χαρακτηριστικό. Τα δεδομένα φόρμας δεν θα επικυρωθούν όταν υποβληθούν.

formtarget - Χρησιμοποιείται μόνο με type = "υποβάλλει" Χαρακτηριστικό. Αυτό υποδεικνύει πού θα πρέπει να εμφανίζεται η απόκριση του ιστότοπου όταν υποβάλλονται δεδομένα φόρμας, όπως σε ένα νέο παράθυρο κλπ. Οι επιλογές αξίας είναι επίσης _blank, _self, _parent, _top, ή ένα συγκεκριμένο όνομα πλαισίου.

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