Πεδία εισαγωγής πολλαπλών επιλογών για φόρμες HTML

• Ενδέχεται 17, 2024

Εάν δημιουργείτε μια φόρμα στον ιστότοπό σας και επιθυμείτε να επιλέξουν οι επισκέπτες σας από μία ή περισσότερες προεπιλεγμένες επιλογές, τότε είναι ένας τρόπος να πάει ένα πεδίο εισαγωγής πολλαπλών επιλογών.

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

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

Στο παραπάνω παράδειγμα, η ερώτηση μπορεί να κωδικοποιηθεί ως εξής:

Ποιο είναι το αγαπημένο σας κύριο χρώμα;

το κόκκινο

Μπλε

Κίτρινος

Στο δικτυακό σας τόπο, η ερώτηση θα μοιάζει με αυτό:

Ποιο είναι το αγαπημένο σας κύριο χρώμα;
το κόκκινο
Μπλε
Κίτρινος

Το δεύτερο πεδίο πολλαπλών επιλογών είναι το αναπτυσσόμενο μενού. Με ένα αναπτυσσόμενο μενού, μπορείτε να επιλέξετε να επιτρέψετε πολλαπλές επιλογές ή μόνο μία. τα αναπτυσσόμενα μενού επίσης καταλαμβάνουν λιγότερο χώρο στη σελίδα, ώστε να σας επιτρέπουν να παρουσιάζετε περισσότερες επιλογές με λιγότερη συγκέντρωση.

Τα αναπτυσσόμενα μενού χρησιμοποιούν την ετικέτα "επιλογή" ως θεμέλιο του πεδίου και την ετικέτα "επιλογή" για να ορίσετε τα στοιχεία του μενού. Μπορείτε να τροποποιήσετε την ετικέτα "select" με το χαρακτηριστικό "size", το οποίο καθορίζει πόσες παραμέτρους είναι ορατές πριν το κλικ του επισκέπτη για να ανοίξει το μενού και το χαρακτηριστικό "πολλαπλών", το οποίο, εάν έχει οριστεί, επιτρέπει στον επισκέπτη να επιλέξει περισσότερες από μία επιλογές . Μπορείτε επίσης να τροποποιήσετε την ετικέτα "επιλογή". το χαρακτηριστικό "επιλεγμένο" σας επιτρέπει να προεπιλέξετε αυτήν την επιλογή.

Ακολουθεί μια ερώτηση δείγματος χρησιμοποιώντας ένα αναπτυσσόμενο μενού:

Ποια είναι η λιγότερο αγαπημένη σας ημέρα της εβδομάδας;


Κυριακή
Δευτέρα
Τρίτη
Τετάρτη
Πέμπτη
Παρασκευή
Σάββατο


Στην ιστοσελίδα σας, η ερώτηση θα μοιάζει με:

Ποια είναι η λιγότερο αγαπημένη σας ημέρα της εβδομάδας;

Κυριακή
Δευτέρα
Τρίτη
Τετάρτη
Πέμπτη
Παρασκευή
Σάββατο


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

Μια ερώτηση δείγματος χρησιμοποιώντας πλαίσια ελέγχου:

Τι κατοικίδιο (ες) έχετε;

Σκύλος

Γάτα

Πουλί

Ποντίκι

Χάμστερ

Αλλιγάτορας

Αλλα


Οι επισκέπτες σας θα δουν:

Τι κατοικίδιο (ες) έχετε;
Σκύλος
Γάτα
Πουλί
Ποντίκι
Χάμστερ
Αλλιγάτορας
Αλλα

Οδηγίες Βίντεο: Curious Beginnings | Critical Role | Campaign 2, Episode 1 (Ενδέχεται 2024).