αναπτυσσόμενη ετικέτα HTML. Επιλογή από μια αναπτυσσόμενη λίστα σε HTML

25.08.2023

Περιγραφή

Ετικέτα HTML μπορεί να περιέχει δύο ή περισσότερες ετικέτες

Το πλάτος του αναπτυσσόμενου μενού θα καθοριστεί από το μεγαλύτερο κείμενο που καθορίζεται στην ετικέτα

Γνωρίσματα

αυτόματη εστίαση: Καθορίζει ότι το στοιχείο θα λαμβάνει αυτόματα εστίαση κατά τη φόρτωση της ιστοσελίδας. Πιθανές τιμές για το χαρακτηριστικό boolean αυτόματης εστίασης: Παράδειγμα » φόρμα: Καθορίζει τη μορφή με την οποία συσχετίζεται το στοιχείο. Η τιμή του χαρακτηριστικού είναι το αναγνωριστικό στοιχείου

. Αυτό το χαρακτηριστικό σάς επιτρέπει να τοποθετήσετε ένα στοιχείο Παράδειγμα »

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

Όνομα: Καθορίζει το όνομα για την αναπτυσσόμενη λίστα. Μπορεί να χρησιμοποιηθεί για πρόσβαση σε δεδομένα φόρμας μετά την υποβολή τους ή για αναφορά σε ένα στοιχείο σε JavaScript.

μέγεθος: Καθορίζει τον αριθμό των ορατών επιλογών στην αναπτυσσόμενη λίστα. Εάν η τιμή του χαρακτηριστικού μεγέθους είναι μεγαλύτερη από 1 αλλά μικρότερη από τον συνολικό αριθμό επιλογών στη λίστα, τότε το πρόγραμμα περιήγησης θα προσθέσει αυτόματα μια γραμμή κύλισης για να υποδείξει ότι υπάρχουν περισσότερες επιλογές για προβολή.

Τελευταία ενημέρωση: 04/08/2016

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

Ας δημιουργήσουμε μια αναπτυσσόμενη λίστα:

Επιλέξτε στοιχείο σε HTML5

Στέλνω

μήλο

Με το επιλεγμένο χαρακτηριστικό μπορούμε να ορίσουμε το προεπιλεγμένο στοιχείο - δεν χρειάζεται να είναι το πρώτο στοιχείο στη λίστα:

Επιλέξτε μοντέλο

Ας δημιουργήσουμε μια αναπτυσσόμενη λίστα:

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

Κρατώντας πατημένο το πλήκτρο Ctrl, μπορούμε να επιλέξουμε πολλά στοιχεία σε μια τέτοια λίστα: :

Ας δημιουργήσουμε μια αναπτυσσόμενη λίστα:

Lumia 650

Η χρήση ομάδων στοιχείων ισχύει τόσο για αναπτυσσόμενες λίστες όσο και για λίστες πολλαπλών επιλογών. Πολύ συχνά, κατά την εγγραφή ή την τοπογραφία σε ιστότοπους, σας ζητείται να κάνετε κάτιεπιλογή από την αναπτυσσόμενη λίστα . Για παράδειγμα, επιλέξτε τη χώρα σας από πολλές άλλες χώρες. Όλα αυτά είναι διαφορετικά στοιχεία της φόρμας, μπορούν να σχεδιαστούν με διαφορετικούς τρόπους: από απλό HTML5 σε σύνθετο.

CSS3 Σήμερα θα εξετάσουμε ένα τέτοιο παράδειγμα σχεδιασμού ενός επιλεγμένου πεδίου χρησιμοποιώντας HTML/CSS και ένα εικονίδιοΓραμματοσειρά φοβερή

. Αλλά θα ξεκινήσουμε, ως συνήθως, με τη σήμανση εγγράφων.

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

Τοποθέτηση του δοχείου με την τάξη κουτίστο κέντρο του παραθύρου.

Κουτί(
θέση: απόλυτη;
κορυφή: 50%;
αριστερά: 50%;
transform: translate(-50%, -50%);
}

Συνδέουμε εκ των προτέρων τη γραμματοσειρά του εικονιδίου πριν από την ετικέτα κλεισίματος κεφάλι.

Styling του επιλογέα

Ορίζουμε τις διαστάσεις για το πεδίο επιλογής - 250x50 pixel και κάνουμε τα πεδία για τα στοιχεία 10 pixel σε όλες τις πλευρές.

Επιλογή πλαισίου(
πλάτος: 250 px;
ύψος: 50 px;
padding: 10px;
}

Αφαίρεση του πλαισίου και της διαδρομής:

Σύνορα: κανένα;
περίγραμμα: κανένας;

Καθορίζουμε μωβ χρώμα φόντου, τίτλο, χρώμα και μέγεθος γραμματοσειράς για λίστες.

Φόντο: #ab05af;
font-family: "Russo One", sans-serif;
χρώμα: #fff;
μέγεθος γραμματοσειράς: 20 px;

Δημιουργήστε μια σκιά γύρω από το γήπεδο.

Box-shadow: 0 5px 20px rgba(0,0,0,.3);

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

Πιθανότατα, ο σχεδιαστής θα αντικαταστήσει το μικροσκοπικό τρίγωνο με ένα εικονίδιο από τη γραμματοσειρά και ένα εικονίδιο.

Φαίνεται πολύ πιο ωραίο με αυτόν τον τρόπο, αλλά ο κώδικας πρέπει ακόμα να γραφτεί από έναν σχεδιαστή διάταξης. Ποια θα μπορούσε να είναι η λύση εδώ; Δεν θα αγγίξουμε Κώδικας HTML, και χρησιμοποιήστε ένα ψευδοστοιχείο προτού.

Πριν από το ψευδοστοιχείο για .box

Το πρώτο πράγμα που πρέπει να κάνετε είναι να σημειώσετε τον κωδικό του εικονιδίου και το όνομα της γραμματοσειράς "Font Awesome 5 Δωρεάν". Επιλέξτε στον ιστότοπο fontawesome.comτο επιθυμητό εικονίδιο που υποδεικνύει «επιλογή» και αντιγράψτε τον κωδικό του.

.box::πριν (
περιεχόμενο: "\f150";
font-family: "Font Awesome 5 Free";
θέση: απόλυτη;
κορυφή: 0;
δεξιά: 0;
πλάτος: 50 px;
ύψος: 50 px;
text-align: κέντρο;
Ύψος γραμμής: 50 px;
χρώμα: #fff;
μέγεθος γραμματοσειράς: 28 px;
φόντο: #da00e0;
pointer-events: none;
}

Στη συνέχεια, το τοποθετούμε απολύτως, καθορίζουμε τις διαστάσεις 50x50, το χρώμα του εικονιδίου είναι λευκό, το φόντο είναι ανοιχτό μωβ. Θέσαμε ένα πολύ σημαντικό ακίνητο δείκτης-γεγονότα: κανένας. Αυτό σημαίνει ότι το ψευδοστοιχείο προτούδεν είναι το αντικείμενο του συμβάντος του ποντικιού, αλλά η τιμή κανέναςλέει στο συμβάν "επιλογή ποντικιού" να μεταβεί στο κάτω επίπεδο και να αποκτήσει πρόσβαση στο στοιχείο κάτω από αυτό - αυτό το μικρό τρίγωνο. Το τρίγωνο δεν έχει εξαφανιστεί, είναι ακριβώς κάτω από το ψευδοστοιχείο προτού, χρησιμεύει μόνο ως διακόσμηση. Κάνοντας κλικ στο όμορφο εικονίδιο, το "άσχημο" τρίγωνο λειτουργεί πραγματικά και κάνουμε την επιλογή μας.

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

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

Επιτρέψτε μου να σας υπενθυμίσω ότι οποιαδήποτε φόρμα υπάρχει στη σελίδα δημιουργείται χρησιμοποιώντας και προορίζεται για την εισαγωγή οποιασδήποτε πληροφορίας από τον χρήστη και την αποστολή τους στον διακομιστή (παράδειγμα - ).

Δυστυχώς, τα εργαλεία γλώσσας σήμανσης υπερκειμένου δεν σας επιτρέπουν να επεξεργαστείτε απευθείας αυτές τις πληροφορίες, έτσι χρησιμοποιώντας HTMLμόνο δημιουργούμε εμφάνισηέντυπα και τα απαραίτητα στοιχεία αποστέλλονται για επεξεργασία. Για το σκοπό αυτό, δημιουργείται σκόπιμα ένα ειδικό αρχείο στον διακομιστή web, γραμμένο σε μία από τις γλώσσες διακομιστή (τις περισσότερες φορές, PHP). Ας πούμε για ανατροφοδότησημπορείτε να δημιουργήσετε ένα αρχείο mail.php, το οποίο θα είναι ο χειριστής.

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

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

2. Πολλαπλούς— αυτό το χαρακτηριστικό, που δεν έχει παραμέτρους, επιτρέπει την πολλαπλή επιλογή, σε αντίθεση με το παραπάνω παράδειγμα, όπου μπορείτε να επιλέξετε μόνο ένα στοιχείο (γραμμή). Δοκιμάστε να επισημάνετε αυτή τη λίσταμε το ποντίκι πολλές γραμμές ταυτόχρονα (μία κάθε φορά σε οποιοδήποτε μέρος, κρατώντας πατημένο το πλήκτρο Ctrl ή χρησιμοποιώντας το Shift ακολουθώντας τη μία μετά την άλλη):

3. Μέγεθος— ορίζει το ύψος της αναπτυσσόμενης λίστας, δηλαδή τον αριθμό των γραμμών που εμφανίζονται. Εάν υπάρχει το χαρακτηριστικό πολλαπλών και η τιμή μεγέθους δεν έχει καθοριστεί (όπως στο παραπάνω παράδειγμα), τότε από προεπιλογή εμφανίζονται τέσσερις γραμμές, και, για παράδειγμα, με το size="5" πέντε θα είναι ορατά:

Επιλογή Textarea Label Fieldset Legend

4. Υποχρεούμαι(δεν έχει παραμέτρους)—καθορίζει ότι πρέπει να γίνει μια επιλογή πριν από την αποστολή δεδομένων στον χειριστή. Εάν δεν έχει επιλεγεί ένα στοιχείο από τη λίστα, τότε τα δεδομένα της φόρμας δεν θα σταλούν:

Επιλογή Textarea Label Fieldset Legend

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

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

7. Μορφή— επικοινωνεί τη λίστα με μία ή περισσότερες φόρμες στις οποίες ανήκει, αλλά βρίσκεται εκτός του κοντέινερ

. Σε αυτήν την περίπτωση, η παράμετρος γράφεται ως η τιμή του χαρακτηριστικού form καθολικό χαρακτηριστικό idπου προστίθεται στην ετικέτα φόρμας:

Επιλέξτε Option Textarea Label Fieldset Legend από τη λίστα

Μην συγχέετε το χαρακτηριστικό επιλογής ετικέτας με την ετικέτα κύριας φόρμας. Στο παραπάνω παράδειγμα, το χαρακτηριστικό id="data" προστέθηκε στην ετικέτα φόρμας και το form="data" προστέθηκε στην ετικέτα επιλογής, γεγονός που κατέστησε δυνατή τη συσχέτιση της αναπτυσσόμενης λίστας με μια συγκεκριμένη φόρμα.

Χαρακτηριστικά ετικέτας επιλογής

1. Αξία— ορίζει την τιμή από την αναπτυσσόμενη λίστα που θα σταλεί στον διακομιστή (επεξεργαστής φορμών). Στην πραγματικότητα, ο χειριστής αποστέλλεται ένα όνομα, το οποίο καθορίζεται από το χαρακτηριστικό name της ετικέτας επιλογής και αξία αξίας(Για αυτό το παράδειγμα— 1, 2, 3, 4, 5), που αντιστοιχεί στην επιλεγμένη γραμμή της αναπτυσσόμενης λίστας:

Επιλογή Textarea Label Fieldset Legend

2. Ανάπηρος— αποκλείει την επιλογή ενός στοιχείου αναπτυσσόμενης λίστας.

Επιλογή Textarea Label Fieldset Legend

Όπως μπορείτε να δείτε από το παράδειγμα, η γραμμή "Επιλογή" είναι ανενεργή και δεν μπορεί να επιλεγεί.

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

Tag Textarea Tag Label Tag Fieldset Tag Legend

Ματιά. Στο παραπάνω παράδειγμα, η πρώτη γραμμή για την επιλογή στον κώδικα είναι κενή (στην αριστερή πλευρά του πίνακα), αλλά η παράμετρος label="Ετικέτα επιλογής" είναι γραμμένη, ως αποτέλεσμα, αυτό ακριβώς το κείμενο εμφανίζεται στη λίστα (στο η δεξιά πλευρά). Η δεύτερη γραμμή κώδικα περιέχει το κείμενο "Textarea Tag" ως το περιεχόμενο της ετικέτας επιλογής, αλλά το αναπτυσσόμενο μενού στα δεξιά δείχνει τη λέξη "Textarea" για να ταιριάζει με την τιμή label="Textarea".

4. Επιλεγμένο— επιλέγει το τρέχον στοιχείο της αναπτυσσόμενης λίστας:

Επιλογή Textarea Label Fieldset Legend

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

Επιλογή Textarea Label Fieldset Legend

Χαρακτηριστικά της ετικέτας optgroup

Εάν η αναπτυσσόμενη λίστα πρέπει να ταξινομηθεί με κάποιο τρόπο, για παράδειγμα, να χωριστεί σε ομάδες, τότε για καθεμία από αυτές τις ομάδες χρησιμοποιείται ένα κοντέινερ, που αποτελείται από τις ετικέτες optgroup ανοίγματος και κλεισίματος, το οποίο περιέχει μέρος των στοιχείων της αναπτυσσόμενης λίστας. Ωστόσο, υπάρχουν δύο χαρακτηριστικά για τη δημιουργία μιας τέτοιας αναπτυσσόμενης λίστας.

1. Επιγραφή— ορίζει το όνομα κάθε ομάδας ως παράμετρο:

Επιλογή Textarea Label Fieldset Legend

Το ίδιο πράγμα, αλλά με πολλαπλάσια και size="7" της επιλεγμένης ετικέτας:

Επιλογή Textarea Label Fieldset Legend

2. Ανάπηρος(χωρίς τιμές) - αποκλείει την επιλογή των στοιχείων της ομάδας σε σχέση με την οποία είναι εγκατεστημένη και τα ανενεργά στοιχεία συνήθως επισημαίνονται με γκρι:

Επιλογή Textarea Label Fieldset Legend

Ένα σύντομο βίντεο θα σας φανεί χρήσιμο εδώ:

Πεδίο κειμένου σε μορφή που χρησιμοποιεί περιοχή κειμένου

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

Εισαγάγετε κείμενο:

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

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

1. Ονομα- ορίζει το όνομα της περιοχής κειμένου ως τιμή για την αναγνώρισή της μετά την υποβολή δεδομένων φόρμας κατά την επεξεργασία τους στον διακομιστή.

2. Cols— πλάτος πεδίου, το οποίο καθορίζεται ως παράμετρος από τον αριθμό των παρακείμενων πανομοιότυπων χαρακτήρων που τοποθετούνται οριζόντια. Η προεπιλεγμένη τιμή είναι 20.

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

4. Μέγιστο μήκος— καθορίζει τον μέγιστο αριθμό χαρακτήρων που μπορούν να τοποθετηθούν στο πεδίο κειμένου. Εάν γίνει υπέρβαση του ορίου, δεν θα είναι δυνατή η περαιτέρω εισαγωγή.

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

Εισαγάγετε κείμενο:

5. Minlength— καθορίζει τον ελάχιστο αριθμό χαρακτήρων που πρέπει να εισαχθούν στην περιοχή κειμένου. Εάν ο χρήστης προσπαθήσει να στείλει ένα κείμενο με λιγότερους χαρακτήρες, το πρόγραμμα περιήγησης θα εμφανίσει ένα σύντομο μήνυμα με πληροφορίες που θα περιέχει μια αναφορά στην ανάγκη συμπλήρωσης του περιεχομένου της φόρμας και πόσοι χαρακτήρες έχουν ήδη εισαχθεί.

7. Μόνο για ανάγνωση(χωρίς παραμέτρους) - εάν επισυνάψετε αυτό το χαρακτηριστικό σε textarea, το πεδίο κειμένου δεν θα είναι επεξεργάσιμο από τους χρήστες και θα είναι μόνο για ανάγνωση. Αλλά μπορείτε να εστιάσετε σε αυτό (μετακινήστε τον κέρσορα στο πεδίο και κάντε αριστερό κλικ), καθώς και να επιλέξετε και να αντιγράψετε (μερικώς ή πλήρως) το κείμενο:

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

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

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

Αυτό το χαρακτηριστικό με την τιμή "on" λειτουργεί μόνο όταν η αυτόματη συμπλήρωση πεδίων φόρμας είναι ενεργοποιημένη στο πρόγραμμα περιήγησης ιστού ενός συγκεκριμένου χρήστη.

9. Κάλυμμα- ορίζει τους κανόνες του προγράμματος περιήγησης για αλλαγές γραμμής στην περιοχή κειμένου χρησιμοποιώντας τρεις τιμές:

Μαλακός— μεταφέρεται αυτόματα ένα σύνολο χαρακτήρων που δεν χωράει στο πεδίο σε πλάτος νέα γραμμή. Σε αυτή την περίπτωση, ο επεξεργαστής το κείμενο θα σταλεί ως μία γραμμή. Εάν ο χρήστης μεταφέρει κείμενο σε οποιοδήποτε σημείο επιθυμεί χρησιμοποιώντας το πλήκτρο «Enter», τότε αυτή η μεταφορά αποθηκεύεται κατά την υποβολή της φόρμας web.

Εισαγάγετε κείμενο:

Σκληρά— οι παύλες γίνονται αυτόματα εάν το κείμενο δεν χωράει στο πεδίο σε πλάτος και όταν αποστέλλονται στον επεξεργαστή, οι θέσεις τέτοιων παύλων θα αποθηκευτούν. Αυτή η επιλογή χρησιμοποιείται μόνο σε σε συνδυασμό με την ιδιότητα cols:

Εισαγάγετε κείμενο:

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

Εισαγάγετε κείμενο:

10. Αυτόματη εστίαση(δεν έχει παραμέτρους) - ξεκινά την εστίαση στο πεδίο κειμένου κατά τη φόρτωση της σελίδας με τη φόρμα.

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

Σχεδιασμένο για να δημιουργεί μια λίστα με προτεινόμενα στοιχεία από τα οποία ο χρήστης μπορεί να επιλέξει ένα ή περισσότερα. .

Περιορίζεται σε ετικέτες ... αυτόματη εστίαση Λαμβάνει αυτόματα την εστίαση κατά τη φόρτωση της σελίδας. Η τιμή μπορεί να οριστεί με τρεις τρόπους: απενεργοποιημένο Απενεργοποιεί την επιλογή από τη λίστα. Η τιμή μπορεί να οριστεί με τρεις τρόπους:

πολλαπλές Σας επιτρέπει να επιλέξετε πολλά στοιχεία λίστας ταυτόχρονα. Λάβετε υπόψη ότι με πολλαπλή επιλογή, ενδέχεται να υπάρχουν πολλές μεταβλητές με το ίδιο όνομα στη ροή δεδομένων από μία φόρμα.

Το πρόγραμμα επεξεργασίας σας θα πρέπει να προβλέπει τέτοιες καταστάσεις και να τις χειρίζεται σωστά. όνομα Όνομα της λίστας. Απαιτούμενο χαρακτηριστικό.

Περιορίζεται σε ετικέτες

απαιτείται Πρέπει να επιλεγεί ένα στοιχείο με μη κενή τιμή. Εάν αυτό δεν γίνει, το πρόγραμμα περιήγησης θα εμφανίσει ένα μήνυμα και η φόρμα δεν θα σταλεί στον διακομιστή. Η εμφάνιση και το περιεχόμενο του μηνύματος εξαρτάται από το πρόγραμμα περιήγησης και δεν μπορεί να αλλάξει από τον χρήστη (δεν λειτουργεί σε IE και Safari).