Ποια χαρακτηριστικά απαιτούνται για την ετικέτα εισόδου. Διευθύνσεις ηλεκτρονικού ταχυδρομείου. Περιγραφή παραμέτρων ετικέτας
Η ετικέτα INPUT είναι ένα από τα ευέλικτα στοιχεία φόρμας και σας επιτρέπει να δημιουργείτε διαφορετικά στοιχεία διεπαφής και να παρέχετε αλληλεπίδραση με τον χρήστη. Το INPUT προορίζεται κυρίως για τη δημιουργία πεδίων κειμένου, διαφόρων κουμπιών, κουμπιών επιλογής και πλαισίων ελέγχου. Αν και Στοιχείο INPUTΔεν χρειάζεται να τοποθετήσετε ένα FORM μέσα στο κοντέινερ που καθορίζει τη φόρμα, αλλά εάν η είσοδος χρήστη πρέπει να σταλεί στον διακομιστή όπου υποβάλλεται σε επεξεργασία από ένα πρόγραμμα CGI, τότε απαιτείται FORM. Το ίδιο ισχύει και στην περίπτωση της επεξεργασίας δεδομένων με χρήση εφαρμογές πελάτη, για παράδειγμα, σενάρια σε JavaScript.
Η κύρια παράμετρος της ετικέτας INPUT, η οποία καθορίζει τον τύπο του στοιχείου, είναι ο τύπος. Σας επιτρέπει να ρυθμίσετε τα ακόλουθα στοιχείαφόρμες: πεδίο κειμένου (κείμενο), πεδίο κωδικού πρόσβασης (κωδικός πρόσβασης), κουμπί επιλογής (πλαίσιο ελέγχου), πλαίσιο ελέγχου (ραδιοκουμπί), κρυφό πεδίο (κρυφό), κουμπί (κουμπί), κουμπί για υποβολή της φόρμας (υποβολή), κουμπί για εκκαθάριση της φόρμας (επαναφορά ), πεδίο αποστολής αρχείου (αρχείου) και κουμπί με εικόνα (εικόνα). Κάθε στοιχείο έχει τη δική του λίστα παραμέτρων που καθορίζουν την εμφάνιση και τα χαρακτηριστικά του.
Σύνταξη
Ετικέτα κλεισίματος
Δεν απαιτείται.
Επιλογές
align - ορίζει τη στοίχιση της εικόνας.
alt - εναλλακτικό κείμενο για ένα κουμπί με μια εικόνα.
περίγραμμα - το πάχος του πλαισίου γύρω από την εικόνα.
επιλεγμένο - ένα προενεργοποιημένο κουμπί επιλογής ή πλαίσιο ελέγχου.
απενεργοποιημένο - αποκλείει την πρόσβαση και την τροποποίηση του στοιχείου.
μέγιστο μήκος - μέγιστο ποσόχαρακτήρες που επιτρέπονται στο κείμενο.
όνομα - το όνομα του πεδίου, που προορίζεται έτσι ώστε ο επεξεργαστής φόρμας να μπορεί να το αναγνωρίσει.
μόνο για ανάγνωση - καθορίζει ότι το πεδίο δεν μπορεί να αλλάξει από τον χρήστη.
μέγεθος - πλάτος του πεδίου κειμένου.
src - τιμή στοιχείου.
Παράδειγμα 1: Χρήση της ετικέτας INPUT
Το όνομα σου:
Ποιο πρόγραμμα περιήγησης χρησιμοποιείτε κυρίως:
Internet Explorer
Netscape
ΛΥΡΙΚΗ ΣΚΗΝΗ
FireFox
Mozilla
Ενα σχόλιο
Περιγραφή
Καθορίζει τον τρόπο ευθυγράμμισης του πεδίου εικόνας σε σχέση με κείμενο ή άλλα στοιχεία φόρμας.
Σύνταξη
Εφαρμόσιμος
Επιχειρήματα
Ο Πίνακας 1 παραθέτει τις πιθανές τιμές της παραμέτρου align και το αποτέλεσμα της χρήσης της.
| άβυσσος | Το κάτω περίγραμμα της εικόνας είναι στοιχισμένο στο κάτω άκρο της τρέχουσας γραμμής. | |
| απόκρυφος | Το μέσο της εικόνας είναι στοιχισμένο μέση γραμμήκείμενο. | Lorem ipsum dolor sit amet, consectetuer adipiscing elit... |
| κάτω ή βασική γραμμή | Το κάτω περίγραμμα της εικόνας είναι ευθυγραμμισμένο με τη γραμμή βάσης της γραμμής κειμένου. Αυτή η τιμή έχει οριστεί από προεπιλογή. | Lorem ipsum dolor sit amet, consectetuer adipiscing elit... |
| αριστερά | Η εικόνα τοποθετείται στο αριστερό άκρο του γονικού στοιχείου. | Lorem ipsum dolor sit amet, consectetuer adipiscing elit... |
| Μέσης | Το μέσο της εικόνας είναι στοιχισμένο με τη γραμμή βάσης της τρέχουσας γραμμής κειμένου. | Lorem ipsum dolor sit amet, consectetuer adipiscing elit... |
| σωστά | Η εικόνα είναι στοιχισμένη στη δεξιά άκρη του γονικού στοιχείου. | Lorem ipsum dolor sit amet, consectetuer adipiscing elit... |
| texttop | Το επάνω περίγραμμα της εικόνας είναι στοιχισμένο με το ψηλότερο στοιχείο κειμένου της τρέχουσας γραμμής. | Lorem ipsum dolor sit amet, consectetuer adipiscing elit... |
| μπλουζα | Το επάνω περίγραμμα της εικόνας είναι στοιχισμένο με το ψηλότερο στοιχείο της τρέχουσας γραμμής. | Lorem ipsum dolor sit amet, consectetuer adipiscing elit... |
Προεπιλεγμένη τιμή
κάτω μέρος
Παράδειγμα 2: Ευθυγράμμιση πεδίου με εικόνα
...
Lorem ipsum dolor sit amet, consectetuer adipiscing elit...
Σημείωση
Αν και όλες οι τιμές της παραμέτρου align υποστηρίζονται από προγράμματα περιήγησης, τα ορίσματα absbottom , absmiddle , baseline και texttop δεν καλύπτονται από την προδιαγραφή HTML 4.
Περιγραφή
Η παράμετρος alt ορίζει εναλλακτικό κείμενο για το πεδίο εικόνας. Αυτό το κείμενο σας επιτρέπει να πάρετε πληροφορίες κειμένουσχετικά με το σχέδιο όταν η φόρτωση εικόνας είναι απενεργοποιημένη στο πρόγραμμα περιήγησης. Επειδή οι εικόνες φορτώνονται αφού το πρόγραμμα περιήγησης λάβει πληροφορίες σχετικά με αυτές, το κείμενο αντικατάστασης της εικόνας εμφανίζεται νωρίτερα. Και καθώς φορτώνεται, το κείμενο θα αντικατασταθεί από μια εικόνα. Τα προγράμματα περιήγησης εμφανίζουν επίσης εναλλακτικό κείμενο ως επεξήγηση εργαλείου όταν τοποθετείτε το ποντίκι σας πάνω από μια εικόνα.
Σύνταξη
Επιχειρήματα
Οποιοδήποτε κατάλληλο συμβολοσειρά κειμένου. Πρέπει να περικλείεται σε διπλά ή μονά εισαγωγικά.
Προεπιλεγμένη τιμή
Οχι.
Παράδειγμα 3: Προσθήκη εναλλακτικού κειμένου
...
Περιγραφή
Τα προγράμματα περιήγησης αντιμετωπίζουν τις εικόνες που προστίθενται μέσω της ετικέτας INPUT παρόμοια με τις εικόνες που δημιουργούνται με χρήση Ετικέτα IMG. Μπορείτε επίσης να προσθέσετε ένα πλαίσιο γύρω από την εικόνα, το χρώμα του οποίου ταιριάζει με το χρώμα του κειμένου.
Σύνταξη
Επιχειρήματα
Οποιοσδήποτε θετικός ακέραιος αριθμός σε pixel.
Προεπιλεγμένη τιμή
0
Παράδειγμα 4: Προσθήκη πλαισίου σε εικόνα
...
Σημείωση
Προς το παρόν, αυτή η επιλογή υποστηρίζεται μόνο από το πρόγραμμα περιήγησης Netscape, τα άλλα προγράμματα περιήγησης την αγνοούν και εμφανίζουν την εικόνα χωρίς περίγραμμα.
Περιγραφή
Αυτή η παράμετρος καθορίζει εάν ένα στοιχείο φόρμας, όπως ένα πλαίσιο ελέγχου ή ένα κουμπί επιλογής, είναι προεπιλεγμένο. Στην περίπτωση χρήσης διακοπτών (πλαίσιο ελέγχου), μόνο ένα στοιχείο της ομάδας μπορεί να επισημανθεί για πλαίσια ελέγχου (ραδιοκουμπί), επιτρέπεται η επισήμανση τουλάχιστον όλων των στοιχείων.
Σύνταξη
Επιχειρήματα
Οχι.
Προεπιλεγμένη τιμή
Παράδειγμα 5. Σήμανση κουμπιών επιλογής
Με την οποία λειτουργικά συστήματαΓνωρίζετε ο ένας τον άλλον;
Windows 95/98
Windows 2000
Σύστημα Χ
Linux
X3-DOS
Περιγραφή
Αποκλείει την πρόσβαση και την τροποποίηση ενός πεδίου φόρμας. Σε αυτήν την περίπτωση, εμφανίζεται γκρι και δεν μπορεί να ενεργοποιηθεί από τον χρήστη. Επιπλέον, ένα τέτοιο πεδίο δεν μπορεί να εστιάσει πατώντας το πλήκτρο Tab, χρησιμοποιώντας το ποντίκι ή με άλλο τρόπο. Ωστόσο, αυτή η κατάσταση πεδίου μπορεί να αλλάξει χρησιμοποιώντας σενάρια.
Σύνταξη
Εφαρμόσιμος
Σε όλα τα στοιχεία της μορφής.
Επιχειρήματα
Οχι.
Προεπιλεγμένη τιμή
Από προεπιλογή, αυτή η επιλογή είναι απενεργοποιημένη.
Περιγραφή
Ορίζει τον μέγιστο αριθμό χαρακτήρων που μπορεί να εισαγάγει ο χρήστης σε ένα πεδίο κειμένου. Όταν επιτευχθεί αυτός ο αριθμός κατά την πληκτρολόγηση, η περαιτέρω εισαγωγή καθίσταται αδύνατη.
Σύνταξη
Επιχειρήματα
Οποιοσδήποτε θετικός ακέραιος σε χαρακτήρες.
Προεπιλεγμένη τιμή
Η εισαγωγή χαρακτήρων δεν είναι περιορισμένη.
Παράδειγμα 7: Περιορισμός του αριθμού των χαρακτήρων που εισάγονται σε ένα πεδίο
Περιγραφή
Ορίζει ένα μοναδικό όνομα για ένα στοιχείο φόρμας. Συνήθως, αυτό το όνομα χρησιμοποιείται κατά την αποστολή δεδομένων στον διακομιστή ή για πρόσβαση σε δεδομένα πεδίου που έχουν εισαχθεί μέσω σεναρίων.
Σύνταξη
Εφαρμόσιμος
Σε όλα τα στοιχεία της μορφής.
Επιχειρήματα
Το όνομα είναι ένα σύνολο χαρακτήρων, συμπεριλαμβανομένων αριθμών και γραμμάτων. Η JavaScript κάνει διάκριση πεζών-κεφαλαίων, επομένως όταν αναφέρεστε σε ένα στοιχείο με όνομα, χρησιμοποιήστε την ίδια φόρμα με την παράμετρο ονόματος.
Προεπιλεγμένη τιμή
Οχι.
Παράδειγμα 8: Χρήση ονόματος πεδίου
δεδομένα συνάρτησηςField(f) (
alert("Εισαγάγατε: " + f.comment.value);
Εισαγάγετε κείμενο
Περιγραφή
Όταν προστίθεται μια επιλογή μόνο για ανάγνωση σε μια ετικέτα INPUT, το πεδίο κειμένου δεν μπορεί να τροποποιηθεί από τον χρήστη, συμπεριλαμβανομένης της εισαγωγής νέο κείμενοή να τροποποιήσετε ένα υπάρχον. Επιπλέον, ένα τέτοιο πεδίο δεν μπορεί να εστιάσει πατώντας το πλήκτρο Tab, χρησιμοποιώντας το ποντίκι ή με άλλο τρόπο. Ωστόσο, η κατάσταση και τα περιεχόμενα του πεδίου μπορούν να αλλάξουν χρησιμοποιώντας σενάρια.
Σύνταξη
Επιχειρήματα
Οχι.
Προεπιλεγμένη τιμή
Από προεπιλογή αυτή η τιμή είναι απενεργοποιημένη.
Παράδειγμα 9: Πεδίο μόνο για ανάγνωση
Περιγραφή
Το πλάτος του πεδίου κειμένου, το οποίο καθορίζεται από τον αριθμό των χαρακτήρων σε μια γραμματοσειρά μονοδιαστήματος. Με άλλα λόγια, το πλάτος καθορίζεται από τον αριθμό των παρακείμενων γραμμάτων του ίδιου οριζόντιου πλάτους. Εάν το μέγεθος της γραμματοσειράς αλλάξει χρησιμοποιώντας στυλ, αλλάζει και το πλάτος ανάλογα.
Σύνταξη
Επιχειρήματα
Οποιοσδήποτε θετικός ακέραιος αριθμός.
Προεπιλεγμένη τιμή
20
Παράδειγμα 10: Πλάτος πεδίου
Περιγραφή
Η διεύθυνση του αρχείου γραφικών που θα εμφανίζεται στην ιστοσελίδα στο πεδίο εικόνας. Τα πιο δημοφιλή αρχεία σε Μορφή GIFκαι JPEG.
Σύνταξη
Επιχειρήματα
Η τιμή λαμβάνεται ως πλήρης ή σχετική διαδρομήστο αρχείο.
Προεπιλεγμένη τιμή
Οχι.
Παράδειγμα 11. Διαδρομή προς το αρχείο γραφικών
...
Περιγραφή
Λέει στο πρόγραμμα περιήγησης τι τύπο είναι το στοιχείο φόρμας.
Σύνταξη
Επιχειρήματα
Ο Πίνακας 2 παραθέτει τις πιθανές τιμές της παραμέτρου τύπου και τον τύπο του πεδίου φόρμας που προκύπτει.
Περιγραφή
Καθορίζει την τιμή του στοιχείου φόρμας που θα αποσταλεί στον διακομιστή ή θα ληφθεί χρησιμοποιώντας σενάρια πελάτη. Ένα ζεύγος ονόματος/τιμής αποστέλλεται στον διακομιστή, όπου το όνομα καθορίζεται από την παράμετρο ονόματος της ετικέτας INPUT και η τιμή καθορίζεται από την παράμετρο τιμής.
Ανάλογα με τον τύπο του στοιχείου, η παράμετρος τιμής παίζει τον ακόλουθο ρόλο:
- για κουμπιά (τύπος εισαγωγής=κουμπί | επαναφορά | υποβολή ) ορίζει την ετικέτα κειμένου σε αυτά.
- για πεδία κειμένου (τύπος εισαγωγής=κωδικός | κείμενο ) καθορίζει τη συμβολοσειρά που εισαγάγατε προηγουμένως. Ο χρήστης μπορεί να διαγράψει το κείμενο και να εισαγάγει τους δικούς του χαρακτήρες, αλλά όταν χρησιμοποιείται σε μια φόρμα, το κουμπί Επαναφορά διαγράφει το κείμενο χρήστη και επαναφέρει ό,τι εισήχθη στην παράμετρο τιμής.
- για πλαίσια ελέγχου και κουμπιά επιλογής (τύπος εισαγωγής=πλαίσιο ελέγχου | ραδιόφωνο) ορίζει μοναδικά κάθε στοιχείο έτσι ώστε ο πελάτης ή πρόγραμμα διακομιστήμπορούσε να προσδιορίσει με σαφήνεια ποιο στοιχείο επέλεξε ο χρήστης.
Σύνταξη
Εφαρμόσιμος
Σε όλα τα στοιχεία της μορφής.
Επιχειρήματα
Οποιαδήποτε συμβολοσειρά κειμένου.
Προεπιλεγμένη τιμή
Οχι.
Παράδειγμα 13: Προσθήκη τιμής πεδίου
Πώς νομίζετε ότι σημαίνει η συντομογραφία "OS";
Αξιωματικοί
λειτουργικό σύστημα
Μεγάλη ριγέ μύγα
Οι φόρμες HTML είναι στοιχεία ελέγχου που χρησιμοποιούνται για τη συλλογή πληροφοριών από επισκέπτες του ιστότοπου.
Οι φόρμες Ιστού αποτελούνται από μια συλλογή πεδίων κειμένου, κουμπιών, λιστών και άλλων στοιχείων ελέγχου που ενεργοποιούνται με ένα κλικ του ποντικιού. Τεχνικά, οι φόρμες περνούν δεδομένα από τον χρήστη σε έναν απομακρυσμένο διακομιστή.
Γλώσσες προγραμματισμού Ιστού όπως PHP, Perl χρησιμοποιούνται για τη λήψη και επεξεργασία δεδομένων φόρμας.
Πριν από την εμφάνιση της HTML5, οι φόρμες ιστού ήταν μια συλλογή από πολλά στοιχεία, που τελείωναν με ένα κουμπί. Χρειάστηκε πολλή προσπάθεια για το στυλ φόρμας σε διαφορετικά προγράμματα περιήγησης. Επιπλέον, οι φόρμες απαιτούσαν τη χρήση JavaScript για την επικύρωση των καταχωρισμένων δεδομένων και επίσης δεν είχαν συγκεκριμένους τύπους πεδίων εισαγωγής για τον καθορισμό καθημερινών πληροφοριών, όπως ημερομηνίες, διευθύνσεις ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗκαι διευθύνσεις URL.
Οι φόρμες HTML5 έλυσαν τα περισσότερα από αυτά τα κοινά προβλήματα με νέα χαρακτηριστικά, παρέχοντας τη δυνατότητα αλλαγής εμφάνισηστοιχεία φόρμας χρησιμοποιώντας CSS3.
Ρύζι. 1. Βελτιωμένες φόρμες Ιστού με HTML5 Δημιουργήστε μια φόρμα HTML5
1. Στοιχείο Η βάση κάθε μορφής είναι το στοιχείο.... Δεν προβλέπει εισαγωγή δεδομένων, αφού είναι ένα κοντέινερ, που συγκρατεί όλα τα στοιχεία ελέγχου - πεδία φόρμας. Τα χαρακτηριστικά αυτού του στοιχείου περιέχουν πληροφορίες που είναι κοινές σε όλα τα πεδία φόρμας, επομένως τα πεδία που συνδυάζονται λογικά πρέπει να περιλαμβάνονται σε μία φόρμα.
| αποδέχομαι-σύνολο χαρακτήρων | Η τιμή του χαρακτηριστικού είναι μια λίστα κωδικοποιήσεων χαρακτήρων διαχωρισμένη με διάστημα που θα χρησιμοποιηθεί για την υποβολή της φόρμας, π.χ. |
| δράση | Απαιτούμενο χαρακτηριστικό που καθορίζει τη διεύθυνση url του προγράμματος χειρισμού φόρμας στον διακομιστή στον οποίο αποστέλλονται τα δεδομένα. Είναι ένα αρχείο (για παράδειγμα, action.php) που περιγράφει τι πρέπει να γίνει με τα δεδομένα της φόρμας. Εάν η τιμή του χαρακτηριστικού δεν έχει καθοριστεί, τότε μετά την επαναφόρτωση της σελίδας, τα στοιχεία της φόρμας θα λάβουν τις προεπιλεγμένες τιμές τους. Σε περίπτωση που όλες οι εργασίες θα γίνουν από την πλευρά του πελάτη Σενάρια JavaScript, στη συνέχεια για χαρακτηριστικό δράσηςμπορείτε να καθορίσετε την τιμή #. Μπορείτε επίσης να κανονίσετε να σας σταλεί μέσω email η φόρμα που συμπλήρωσε ο επισκέπτης. Για να γίνει αυτό πρέπει να κάνετε την ακόλουθη καταχώρηση: |
| αυτόματη συμπλήρωση | |
| εγκύκλιος | Χρησιμοποιείται για τον καθορισμό του τύπου MIME των δεδομένων που αποστέλλονται με τη φόρμα, για παράδειγμα, enctype="multipart/form-data" . Καθορίζεται μόνο στην περίπτωση της μεθόδου="post" . Το application/x-www-form-urlencoded είναι ο προεπιλεγμένος τύπος περιεχομένου, υποδεικνύοντας ότι τα δεδομένα που διαβιβάζονται αντιπροσωπεύουν μια λίστα μεταβλητών φόρμας με κωδικοποίηση URL. Οι χαρακτήρες διαστήματος (ASCII 32) θα κωδικοποιηθούν ως + , και ένας ειδικός χαρακτήρας όπως ! θα κωδικοποιηθεί σε δεκαεξαδικό ως %21 . multipart/form-data - χρησιμοποιείται για την υποβολή φορμών που περιέχουν αρχεία, δεδομένα μη ASCII και δυαδικά δεδομένα, αποτελείται από πολλά μέρη, καθένα από τα οποία αντιπροσωπεύει το περιεχόμενο μεμονωμένο στοιχείομορφές. κείμενο/απλό - υποδηλώνει ότι μεταδίδεται απλό (όχι html) κείμενο. |
| μέθοδος | Καθορίζει τον τρόπο υποβολής των δεδομένων φόρμας. Η μέθοδος λήψης στέλνει δεδομένα στον διακομιστή μέσω γραμμή διεύθυνσηςπρόγραμμα περιήγησης. Κατά τη δημιουργία ενός αιτήματος στον διακομιστή, όλες οι μεταβλητές και οι τιμές τους σχηματίζουν μια ακολουθία όπως www.anysite.ru/form.php?var1=1&var2=2 . Προστίθενται ονόματα και τιμές μεταβλητών στη διεύθυνση διακομιστή μετά το σύμβολο; και χωρίζονται με &. Όλοι οι ειδικοί χαρακτήρες και τα μη λατινικά γράμματα κωδικοποιούνται στη μορφή %nn, το διάστημα αντικαθίσταται από το +. Αυτή η μέθοδος πρέπει να χρησιμοποιείται εάν δεν περνάτε μεγάλους όγκουςπληροφορίες. Εάν υποτίθεται ότι πρέπει να στείλετε ένα αρχείο μαζί με τη φόρμα, αυτή η μέθοδος δεν θα λειτουργήσει. Η μέθοδος ανάρτησης χρησιμοποιείται για την αποστολή μεγάλων ποσοτήτων δεδομένων, καθώς και εμπιστευτικές πληροφορίεςκαι κωδικούς πρόσβασης. Τα δεδομένα που αποστέλλονται χρησιμοποιώντας αυτήν τη μέθοδο δεν είναι ορατά στην κεφαλίδα της διεύθυνσης URL επειδή περιέχονται στο σώμα του μηνύματος. |
| όνομα | Καθορίζει το όνομα της φόρμας που θα χρησιμοποιηθεί για την πρόσβαση σε στοιχεία φόρμας μέσω σεναρίων, για παράδειγμα name="opros" . |
| ακυρώνω | Απενεργοποιεί την επικύρωση στο κουμπί υποβολής φόρμας. Το χαρακτηριστικό χρησιμοποιείται χωρίς να προσδιορίζεται μια τιμή |
| στόχος | Καθορίζει το παράθυρο στο οποίο θα αποστέλλονται οι πληροφορίες: _κενό - νέο παράθυρο _self - το ίδιο πλαίσιο _parent — γονικό πλαίσιο (αν υπάρχει, αν όχι, τότε στο τρέχον) _top - παράθυρο κορυφαίο επίπεδοσε σχέση με αυτό το πλαίσιο. Εάν η κλήση δεν προέρχεται από θυγατρικό πλαίσιο, τότε στο ίδιο πλαίσιο. |
Το στοιχείο ... προορίζεται να ομαδοποιήσει στοιχεία που σχετίζονται μεταξύ τους, χωρίζοντας έτσι τη φόρμα σε λογικά τμήματα.
Κάθε ομάδα στοιχείων μπορεί να ονομαστεί χρησιμοποιώντας το στοιχείο που έρχεται αμέσως μετά την ετικέτα. Το όνομα της ομάδας εμφανίζεται στα αριστερά στο επάνω περίγραμμα. Για παράδειγμα, εάν το στοιχείο αποθηκεύει πληροφορίες επικοινωνίας:
Στοιχεία επικοινωνίας
Ονομα *
ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ
Ρύζι. 2. Ομαδοποίηση στοιχείων φόρμας χρησιμοποιώντας| άτομα με ειδικές ανάγκες | Εάν υπάρχει το χαρακτηριστικό, τότε μια ομάδα σχετικών στοιχείων φόρμας που βρίσκονται μέσα στο κοντέινερ απενεργοποιούνται για συμπλήρωση και επεξεργασία. Χρησιμοποιείται για τον περιορισμό της πρόσβασης σε ορισμένα πεδία φόρμας που περιέχουν δεδομένα που έχουν εισαχθεί προηγουμένως. Το χαρακτηριστικό χρησιμοποιείται χωρίς να προσδιορίζεται μια τιμή - . |
| μορφή | στο ίδιο έγγραφο. Υποδεικνύει μία ή περισσότερες μορφές στις οποίες ανήκει αυτή η ομάδα στοιχείων. Επί αυτή τη στιγμήΤο χαρακτηριστικό δεν υποστηρίζεται από κανένα πρόγραμμα περιήγησης. |
| όνομα | Καθορίζει το όνομα που θα χρησιμοποιηθεί για αναφορά σε στοιχεία στο JavaScript ή για αναφορά σε δεδομένα φόρμας μετά τη συμπλήρωση και την υποβολή της φόρμας. Είναι ανάλογο με το χαρακτηριστικό id. |
Το στοιχείο δημιουργεί τα περισσότερα από τα πεδία φόρμας. Τα χαρακτηριστικά ενός στοιχείου διαφέρουν ανάλογα με τον τύπο του πεδίου που χρησιμοποιείται για τη δημιουργία του στοιχείου.
Χρησιμοποιώντας στυλ CSS μπορείτε να αλλάξετε το μέγεθος γραμματοσειράς, τον τύπο γραμματοσειράς, το χρώμα και άλλες ιδιότητες κειμένου, καθώς και να προσθέσετε περιγράμματα, χρώμα φόντου και εικόνα φόντου. Το πλάτος του πεδίου καθορίζεται από την ιδιότητα πλάτος.
| αποδέχομαι | Καθορίζει τον τύπο του αρχείου που επιτρέπεται να σταλεί στον διακομιστή. Ενδείκνυται μόνο για . Πιθανές τιμές: file_extension - επιτρέπει τη λήψη αρχείων με την καθορισμένη επέκταση, για παράδειγμα, accept=".gif" , accept=".pdf" , accept=".doc" audio/* - επιτρέπει τη λήψη αρχείων ήχου βίντεο/* - επιτρέπει τη λήψη αρχείων βίντεο image/* - επιτρέπει τη φόρτωση εικόνων media_type - υποδεικνύει τον τύπο πολυμέσων των ληφθέντων αρχείων. |
| alt | Καθορίζει εναλλακτικό κείμενο για εικόνες, που καθορίζεται μόνο για . |
| αυτόματη συμπλήρωση | Υπεύθυνος για την απομνημόνευση των τιμών που έχουν εισαχθεί στο πεδίο κειμένου και την αυτόματη αντικατάστασή τους την επόμενη φορά που θα τις εισαγάγετε: on - σημαίνει ότι το πεδίο δεν προστατεύεται και η τιμή του μπορεί να αποθηκευτεί και να ανακτηθεί, off - απενεργοποιεί την αυτόματη συμπλήρωση για τα πεδία φόρμας. |
| αυτόματη εστίαση | Σας επιτρέπει να βεβαιωθείτε ότι στη φορτωμένη μορφή το ένα ή το άλλο πεδίο εισαγωγής έχει ήδη εστίαση (έχει επιλεγεί), όντας έτοιμο να εισαγάγετε μια τιμή. |
| τετραγωνισμένος | Το χαρακτηριστικό ελέγχει εάν το προεπιλεγμένο πλαίσιο ελέγχου είναι επιλεγμένο κατά τη φόρτωση της σελίδας για πεδία όπως type="checkbox" και type="radio" . |
| άτομα με ειδικές ανάγκες | |
| μορφή | Η τιμή του χαρακτηριστικού πρέπει να είναι ίση με το χαρακτηριστικό id του στοιχείου στο ίδιο έγγραφο. Προσδιορίζει μία ή περισσότερες φόρμες στις οποίες ανήκει αυτό το πεδίο φόρμας. |
| σχηματισμός | Καθορίζει τη διεύθυνση url του αρχείου που θα επεξεργάζεται τα δεδομένα που εισάγονται στα πεδία κατά την υποβολή της φόρμας. Ρυθμίστε μόνο για πεδία type="submit" και type="image" . Το χαρακτηριστικό υπερισχύει της τιμής του χαρακτηριστικού δράσης της ίδιας της φόρμας. |
| μορφομορφότυπος | Καθορίζει τον τρόπο με τον οποίο θα κωδικοποιούνται τα δεδομένα πεδίου φόρμας όταν αποστέλλονται στον διακομιστή. Αντικαθιστά την τιμή του χαρακτηριστικού enctype της φόρμας. Ρυθμίστε μόνο για πεδία type="submit" και type="image" . Επιλογές: application/-x-www-form-urlencoded είναι η προεπιλεγμένη τιμή. Όλοι οι χαρακτήρες κωδικοποιούνται πριν από την αποστολή (τα κενά αντικαθίστανται με τον χαρακτήρα +, οι ειδικοί χαρακτήρες μετατρέπονται σε τιμές ASCII HEX) multipart/form-data - οι χαρακτήρες δεν κωδικοποιούνται κείμενο/απλό - τα κενά αντικαθίστανται με το σύμβολο + και οι ειδικοί χαρακτήρες δεν κωδικοποιούνται. |
| μέθοδος μορφής | Το χαρακτηριστικό καθορίζει τη μέθοδο που θα χρησιμοποιήσει το πρόγραμμα περιήγησης για την υποβολή δεδομένων φόρμας στον διακομιστή. Ρυθμίστε μόνο για πεδία type="submit" και type="image" . Αντικαθιστά την τιμή του χαρακτηριστικού μέθοδος της φόρμας. Επιλογές: get είναι η προεπιλεγμένη τιμή. Τα δεδομένα από τη φόρμα (ζεύγος όνομα/τιμή) προστίθενται στη διεύθυνση url και αποστέλλονται στον διακομιστή: URL?name=value&name=value Τα δεδομένα μετά τη φόρμα αποστέλλονται ως αίτημα http. |
| formnovalidate | Καθορίζει ότι τα δεδομένα πεδίου φόρμας δεν θα πρέπει να επικυρώνονται κατά την υποβολή της φόρμας. Αντικαθιστά την τιμή του χαρακτηριστικού novalidate της φόρμας. Μπορεί να χρησιμοποιηθεί χωρίς να καθοριστεί μια τιμή χαρακτηριστικού. |
| μορφή στόχου | Καθορίζει πού θα εμφανιστεί η απάντηση που ελήφθη μετά την υποβολή της φόρμας. Ρυθμίστε μόνο για πεδία type="submit" και type="image" . Αντικαθιστά την τιμή χαρακτηριστικό στόχομορφές. _parent – φορτώνει την απόκριση στο γονικό πλαίσιο _top – φορτώνει την απόκριση σε πλήρη οθόνη όνομα πλαισίου – φορτώνει την απάντηση σε ένα πλαίσιο με το καθορισμένο όνομα. |
| ύψος | Η τιμή του χαρακτηριστικού περιέχει τον αριθμό των pixel χωρίς να καθορίζει μονάδα μέτρησης. Ορίζει το ύψος ενός πεδίου φόρμας τύπου "εικόνα" , για παράδειγμα . Συνιστάται να ρυθμίσετε ταυτόχρονα το ύψος και το πλάτος του πεδίου. |
| λίστα | Είναι ένας σύνδεσμος προς ένα στοιχείο που περιέχει το αναγνωριστικό του. |
| Μέγιστη | Σας επιτρέπει να περιορίσετε την επιτρεπόμενη αριθμητική είσοδο σε μια μέγιστη τιμή που η τιμή του χαρακτηριστικού μπορεί να περιέχει έναν ακέραιο αριθμό ή ένας κλασματικός αριθμός. Συνιστάται να χρησιμοποιείτε αυτό το χαρακτηριστικό σε συνδυασμό με το χαρακτηριστικό min. Λειτουργεί με τους ακόλουθους τύπους πεδίων: αριθμός, εύρος, ημερομηνία, ημερομηνία ώρα, ημερομηνία-τοπική ώρα, μήνας, ώρα και εβδομάδα. |
| μέγιστο μήκος | Το χαρακτηριστικό καθορίζει τον μέγιστο αριθμό χαρακτήρων που εισάγονται στο πεδίο. Η προεπιλεγμένη τιμή είναι 524288 χαρακτήρες. |
| ελάχ | Σας επιτρέπει να περιορίσετε την επιτρεπόμενη αριθμητική είσοδο σε μια ελάχιστη τιμή. |
| πολλαπλούς | Επιτρέπει στο χρήστη να εισαγάγει πολλαπλές τιμές χαρακτηριστικών, διαχωρισμένες με κόμμα. Ισχύει για αρχεία και διευθύνσεις email. Καθορίστηκε χωρίς τιμή χαρακτηριστικού. |
| όνομα | Καθορίζει το όνομα που θα χρησιμοποιηθεί για την πρόσβαση στο στοιχείο, για παράδειγμα σε πίνακες στυλ css. Είναι ανάλογο με το χαρακτηριστικό id. |
| πρότυπο | Σας επιτρέπει να προσδιορίσετε τη χρήση κοινή έκφρασητη σύνταξη των δεδομένων που πρέπει να επιτρέπεται να εισαχθούν σε ένα συγκεκριμένο πεδίο. Για παράδειγμα, pattern="(3)-(3)" - οι αγκύλες ορίζουν το εύρος έγκυρους χαρακτήρες, σε αυτή την περίπτωση - οποιαδήποτε πεζά, αριθμός σε άγκιστραυποδεικνύει ότι απαιτούνται τρία πεζά γράμματα, ακολουθούμενα από μια παύλα και μετά τρεις αριθμοί που κυμαίνονται από το 0 έως το 9. |
| κράτησης θέσης | Περιέχει το κείμενο που εμφανίζεται στο πεδίο εισαγωγής πριν συμπληρωθεί (τις περισσότερες φορές πρόκειται για επεξήγηση εργαλείου). |
| μόνο για ανάγνωση | Δεν επιτρέπει στον χρήστη να αλλάξει τις τιμές των στοιχείων της φόρμας, η επιλογή και η αντιγραφή κειμένου εξακολουθεί να είναι διαθέσιμη. Καθορίστηκε χωρίς τιμή χαρακτηριστικού. |
| απαιτείται | Εμφανίζει ένα μήνυμα που υποδεικνύει ότι αυτό το πεδίο είναι απαραίτητο. Εάν ο χρήστης προσπαθήσει να υποβάλει τη φόρμα χωρίς να εισάγει την απαιτούμενη τιμή σε αυτό το πεδίο, θα εμφανιστεί ένα προειδοποιητικό μήνυμα στην οθόνη. Καθορίστηκε χωρίς τιμή χαρακτηριστικού. |
| Μέγεθος | Ορίζει το ορατό πλάτος του πεδίου σε χαρακτήρες. Η προεπιλεγμένη τιμή είναι 20. Λειτουργεί με τους ακόλουθους τύπους πεδίων: κείμενο, αναζήτηση, τηλ, διεύθυνση url, email και κωδικός πρόσβασης. |
| src | Καθορίζει τη διεύθυνση url της εικόνας που χρησιμοποιείται ως κουμπί υποβολής φόρμας. Ενδείκνυται μόνο για το χωράφι. |
| βήμα | Χρησιμοποιείται για στοιχεία που απαιτούν εισαγωγή αριθμητικές τιμές, υποδεικνύει το ποσό που πρέπει να αυξήσετε ή να μειώσετε τις τιμές κατά τη διάρκεια της προσαρμογής του εύρους (βήμα). |
| τύπος | κουμπί - δημιουργεί ένα κουμπί. |
| πλαίσιο ελέγχου - μετατρέπει ένα πεδίο εισαγωγής σε πλαίσιο ελέγχου που μπορεί να ελεγχθεί ή να διαγραφεί, π.χ. έχω ένα αυτοκίνητο |
|
| χρώμα - Δημιουργεί χρωματικές παλέτες σε προγράμματα περιήγησης που υποστηρίζουν, επιτρέποντας στους χρήστες να επιλέγουν τιμές χρώματος σε δεκαεξαδική μορφή. |
|
| ημερομηνία — σας επιτρέπει να εισάγετε μια ημερομηνία με τη μορφή ηη.μμ.εεεε. Γενέθλια: |
|
| datetime-local - σας επιτρέπει να εισάγετε μια ημερομηνία και ώρα που χωρίζονται με κεφαλαία γράμματα Αγγλική επιστολή T σύμφωνα με το μοτίβο ηη.μμ.εεεε ωω:μμ. Γενέθλια - ημέρα και ώρα: |
|
| email - προγράμματα περιήγησης που υποστηρίζουν αυτό το χαρακτηριστικό, θα περιμένει από τον χρήστη να εισάγει δεδομένα που ταιριάζουν με τη σύνταξη των διευθύνσεων email. ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ: |
|
| αρχείο - σας επιτρέπει να κάνετε λήψη αρχείων από τον υπολογιστή του χρήστη. Επιλέξτε το αρχείο: |
|
| κρυφό - Αποκρύπτει το στοιχείο ελέγχου, το οποίο δεν εμφανίζεται από το πρόγραμμα περιήγησης και εμποδίζει τον χρήστη να αλλάξει τις προεπιλεγμένες τιμές. | |
| εικόνα - δημιουργεί ένα κουμπί, που σας επιτρέπει να εισαγάγετε μια εικόνα αντί για κείμενο στο κουμπί. |
|
| μήνας - Επιτρέπει στον χρήστη να εισαγάγει τον αριθμό έτους και μήνα χρησιμοποιώντας το μοτίβο εεεε-χιλ. |
|
| αριθμός - προορίζεται για την εισαγωγή ακέραιων τιμών. Τα χαρακτηριστικά min , max και step καθορίζουν τα ανώτερα, κατώτερα όρια και το βήμα μεταξύ των τιμών, αντίστοιχα. Αυτά τα χαρακτηριστικά θεωρούνται για όλα τα στοιχεία που έχουν αριθμητικούς δείκτες. Οι προεπιλεγμένες τιμές τους εξαρτώνται από τον τύπο του στοιχείου. Παρακαλούμε αναφέρετε την ποσότητα (από 1 έως 5): |
|
| κωδικός - δημιουργεί πεδία κειμένουστη φόρμα, ενώ οι χαρακτήρες που εισάγει ο χρήστης αντικαθίστανται με αστερίσκους, κουκκίδες ή άλλους, εγκατεστημένο από το πρόγραμμα περιήγησηςεικονίδια. Εισάγετε τον κωδικό πρόσβασης: |
|
| ραδιόφωνο - δημιουργεί έναν διακόπτη - ένα χειριστήριο με τη μορφή ενός μικρού κύκλου που μπορεί να ενεργοποιηθεί ή να απενεργοποιηθεί. Χορτοφάγος: |
|
| εύρος - θα σας επιτρέψει να δημιουργήσετε ένα στοιχείο διεπαφής όπως ένα ρυθμιστικό, min / max - θα σας επιτρέψει να ορίσετε το εύρος επιλογής | |
| επαναφορά - δημιουργεί ένα κουμπί που διαγράφει τα πεδία φόρμας των δεδομένων που έχουν εισαχθεί από τον χρήστη. |
|
| αναζήτηση - υποδηλώνει ένα πεδίο αναζήτησης, από προεπιλογή το πεδίο εισαγωγής έχει ορθογώνιο σχήμα. Αναζήτηση: |
|
| υποβολή - δημιουργεί ένα τυπικό κουμπί που ενεργοποιείται με ένα κλικ του ποντικιού. Το κουμπί συλλέγει πληροφορίες από τη φόρμα και τις υποβάλλει για επεξεργασία. |
|
| κείμενο - Δημιουργεί πεδία κειμένου σε μια φόρμα, βγάζοντας ένα πεδίο κειμένου μιας γραμμής για εισαγωγή κειμένου. |
|
| ώρα - σας επιτρέπει να εισάγετε την ώρα σε μορφή 24 ωρών χρησιμοποιώντας το μοτίβο ωω: χιλιοστά. Στα προγράμματα περιήγησης που υποστηρίζουν, εμφανίζεται ως στοιχείο ελέγχου αριθμητικής εισαγωγής με τιμή επεξεργάσιμη από το ποντίκι και επιτρέπει μόνο την εισαγωγή τιμών χρόνου. Καθορίστε την ώρα: |
|
| url—το πεδίο προορίζεται για τον καθορισμό διευθύνσεων URL. Αρχική σελίδα: |
|
| εβδομάδα - Το αντίστοιχο εργαλείο δείκτη επιτρέπει στον χρήστη να επιλέξει μία εβδομάδα του έτους, μετά την οποία θα παρέχει την εισαγωγή δεδομένων σε μορφή nn-yyyy. Ανάλογα με το έτος, ο αριθμός των εβδομάδων μπορεί να είναι 52 ή 53. Προσδιορίστε την εβδομάδα: |
|
| αξία | Καθορίζει το κείμενο που εμφανίζεται σε ένα κουμπί, πεδίο ή σχετικό κείμενο. Δεν καθορίζεται για πεδία τύπου αρχείου. |
| πλάτος | Η τιμή του χαρακτηριστικού περιέχει τον αριθμό των pixel. Σας επιτρέπει να ορίσετε το πλάτος των πεδίων της φόρμας. |
Το στοιχείο ... χρησιμοποιείται αντί για το στοιχείο όταν χρειάζεται να δημιουργήσετε μεγάλα πεδία κειμένου. Το κείμενο που εμφανίζεται ως αρχική τιμή τοποθετείται μέσα στην ετικέτα. Οι διαστάσεις του πεδίου ορίζονται χρησιμοποιώντας τα χαρακτηριστικά cols - οριζόντιες διαστάσεις, σειρές - κατακόρυφες διαστάσεις. Το ύψος του πεδίου μπορεί να ρυθμιστεί χρησιμοποιώντας την ιδιότητα ύψους. Όλα τα μεγέθη υπολογίζονται με βάση το μέγεθος ενός χαρακτήρα σε μια γραμματοσειρά monospace.
| αυτόματη εστίαση | Ρυθμίζει αυτόματα την εστίαση στο επιθυμητό αρχικό πεδίο κειμένου. |
| cols | Ορίζει το πλάτος ως προς τον αριθμό των χαρακτήρων. Εάν ο χρήστης εισάγει περισσότερο κείμενο, εμφανίζεται μια γραμμή κύλισης. |
| άτομα με ειδικές ανάγκες | Απενεργοποιεί τη δυνατότητα επεξεργασίας και αντιγραφής περιεχομένων πεδίων. |
| μορφή | Η τιμή του χαρακτηριστικού πρέπει να είναι ίση με την τιμή του χαρακτηριστικού id του στοιχείου στο ίδιο έγγραφο. Προσδιορίζει μία ή περισσότερες φόρμες στις οποίες ανήκει αυτό το πεδίο κειμένου. |
| μέγιστο μήκος | Η τιμή του χαρακτηριστικού καθορίζει τον μέγιστο αριθμό χαρακτήρων που πρέπει να εισαγάγετε στο πεδίο. |
| όνομα | Καθορίζει το όνομα του πεδίου κειμένου. |
| κράτησης θέσης | Καθορίζει μια σύντομη προτροπή κειμένου που περιγράφει την αναμενόμενη τιμή εισόδου. |
| μόνο για ανάγνωση | Απενεργοποιεί τη δυνατότητα επεξεργασίας περιεχομένων πεδίων. |
| απαιτείται | Εμφανίζει ένα μήνυμα που υποδεικνύει ότι αυτό το πεδίο είναι απαραίτητο. |
| σειρές | Καθορίζει έναν αριθμό που υποδεικνύει πόσες γραμμές πρέπει να εμφανίζονται στην περιοχή κειμένου. |
| κάλυμμα | Καθορίζει εάν το κείμενο θα πρέπει να διατηρήσει τις αλλαγές γραμμής κατά την υποβολή της φόρμας. Η σκληρή τιμή διατηρεί τη μεταφορά, αλλά η μαλακή τιμή όχι. Εάν χρησιμοποιείται hard, πρέπει να καθοριστεί η τιμή του χαρακτηριστικού cols. |
Οι λίστες σας επιτρέπουν να τακτοποιήσετε ένας μεγάλος αριθμός απόδείχνει συμπαγή. Οι αναπτυσσόμενες λίστες δημιουργούνται χρησιμοποιώντας το στοιχείο .... Σας επιτρέπουν να επιλέξετε μία ή περισσότερες τιμές από το προτεινόμενο σύνολο. Από προεπιλογή, ένα πλαίσιο λίστας εμφανίζει το πρώτο του στοιχείο.
Για να προσθέσετε στοιχεία στη λίστα, χρησιμοποιήστε τα στοιχεία ..., τα οποία βρίσκονται μέσα.
Για να οργανώσετε λίστες, χρησιμοποιήστε το στοιχείο ..., το οποίο δημιουργεί επικεφαλίδες σε λίστες.
Για λίστες, μπορείτε να αλλάξετε το μέγεθος γραμματοσειράς, τον τύπο γραμματοσειράς, το χρώμα και άλλες ιδιότητες κειμένου, καθώς και να προσθέσετε περιγράμματα, χρώμα φόντου και εικόνα φόντου.
| αυτόματη εστίαση | Ρυθμίζει την αυτόματη εστίαση σε ένα στοιχείο κατά τη φόρτωση της σελίδας. |
| άτομα με ειδικές ανάγκες | Απενεργοποιεί την αναπτυσσόμενη λίστα. |
| μορφή | Καθορίζει τη μορφή στην οποία ανήκει αυτή τη λίστα. Η τιμή του χαρακτηριστικού είναι το αναγνωριστικό της φόρμας. |
| πολλαπλούς | Σας επιτρέπει να επιλέξετε ένα ή περισσότερα στοιχεία για να το κάνετε αυτό. Κατά την επιλογή, πρέπει να πατήσετε παρατεταμένα Πλήκτρο Ctrl. |
| όνομα | Ορίζει ένα όνομα για την αναπτυσσόμενη λίστα. Η τιμή του χαρακτηριστικού περιέχει ένα όνομα που αντικατοπτρίζει το θέμα της λίστας. |
| απαιτείται | Εμφανίζει ένα μήνυμα που υποδεικνύει ότι ο χρήστης πρέπει να επιλέξει μια τιμή από την αναπτυσσόμενη λίστα πριν υποβάλει τη φόρμα. |
| Μέγεθος | Ορίζει τον αριθμό των στοιχείων της λίστας που είναι ταυτόχρονα ορατά στην οθόνη. Εάν ο αριθμός των στοιχείων της λίστας υπερβαίνει τον καθορισμένο αριθμό, εμφανίζεται μια γραμμή κύλισης. Η τιμή του χαρακτηριστικού καθορίζεται ως θετικός ακέραιος. |
Οι ετικέτες για τα στοιχεία φόρμας δημιουργούνται χρησιμοποιώντας το στοιχείο .... Υπάρχουν δύο τρόποι ομαδοποίησης ετικετών και πεδίων. Εάν το πεδίο βρίσκεται μέσα σε ένα στοιχείο, τότε το χαρακτηριστικό for δεν χρειάζεται να καθοριστεί.
Πότε ήταν η τελευταία φορά που πέταξες με αεροπλάνο;
Γάτα
7. ΚουμπιάΤο στοιχείο ... δημιουργεί κουμπιά με δυνατότητα κλικ. Σε αντίθεση με τα κουμπιά που δημιουργούνται από ( , , , ), μπορείτε να τοποθετήσετε περιεχόμενο - κείμενο ή εικόνα - μέσα στο στοιχείο.
Για σωστή εμφάνισηστοιχείο σε διαφορετικά προγράμματα περιήγησης πρέπει να καθορίσετε το χαρακτηριστικό type, για παράδειγμα, .
Τα κουμπιά επιτρέπουν στους χρήστες να υποβάλουν δεδομένα σε μια φόρμα, να διαγράψουν το περιεχόμενο της φόρμας ή να προβούν σε κάποια άλλη ενέργεια. Μπορείτε να δημιουργήσετε περιγράμματα, να αλλάξετε το φόντο και να ευθυγραμμίσετε το κείμενο σε ένα κουμπί.
| αυτόματη εστίαση | Ρυθμίζει την εστίαση στο κουμπί κατά τη φόρτωση της σελίδας. |
| άτομα με ειδικές ανάγκες | Απενεργοποιεί το κουμπί, καθιστώντας το μη κλικ. |
| μορφή | Υποδεικνύει μία ή περισσότερες φόρμες στις οποίες ανήκει αυτό το κουμπί. Η τιμή του χαρακτηριστικού είναι το αναγνωριστικό της αντίστοιχης φόρμας. |
| σχηματισμός | Η τιμή του χαρακτηριστικού περιέχει τη διεύθυνση URL του προγράμματος χειρισμού δεδομένων φόρμας που αποστέλλεται όταν κάνετε κλικ στο κουμπί. Μόνο για τον τύπο κουμπιού τύπου="submit" . Αντικαθιστά την τιμή του χαρακτηριστικού δράσης που έχει καθοριστεί για το στοιχείο. |
| μορφομορφότυπος | Ρυθμίζει τον τύπο κωδικοποίησης των δεδομένων φόρμας πριν την αποστολή στον διακομιστή όταν πατηθούν κουμπιά όπως type="submit". Αντικαθιστά την τιμή του χαρακτηριστικού enctype που έχει καθοριστεί για το στοιχείο. Πιθανές τιμές: application/x-www-form-urlencoded είναι η προεπιλεγμένη τιμή. Όλοι οι χαρακτήρες θα κωδικοποιηθούν πριν από την αποστολή. multipart/form-data - οι χαρακτήρες δεν κωδικοποιούνται. Χρησιμοποιείται όταν τα αρχεία μεταφορτώνονται χρησιμοποιώντας μια φόρμα. κείμενο/απλό - οι χαρακτήρες δεν κωδικοποιούνται και τα κενά αντικαθίστανται με το σύμβολο +. |
| μέθοδος μορφής | Το χαρακτηριστικό καθορίζει τη μέθοδο που θα χρησιμοποιήσει το πρόγραμμα περιήγησης για την υποβολή της φόρμας. Αντικαθιστά την τιμή του χαρακτηριστικού μεθόδου που έχει καθοριστεί για το στοιχείο. Καθορίζεται μόνο για κουμπιά τύπου "υποβολή". Πιθανές τιμές: get - δεδομένα από τη φόρμα (ζεύγος ονόματος/τιμής) προστίθενται στη διεύθυνση url και αποστέλλονται στον διακομιστή. Αυτή η μέθοδος έχει περιορισμούς στο μέγεθος των δεδομένων που αποστέλλονται και δεν είναι κατάλληλη για την αποστολή κωδικών πρόσβασης και εμπιστευτικών πληροφοριών. post - δεδομένα από τη φόρμα προστίθενται ως αίτημα http. Η μέθοδος είναι πιο αξιόπιστη και ασφαλής από το get και δεν έχει περιορισμούς μεγέθους. |
| formnovalidate | Το χαρακτηριστικό προσδιορίζει ότι τα δεδομένα φόρμας δεν πρέπει να επικυρώνονται κατά την υποβολή. Καθορίζεται μόνο για κουμπιά τύπου "υποβολή". |
| μορφή στόχου | Το χαρακτηριστικό καθορίζει σε ποιο παράθυρο θα εμφανιστεί το αποτέλεσμα μετά την υποβολή της φόρμας. Καθορίζεται μόνο για κουμπιά τύπου "υποβολή". Αντικαθιστά την τιμή του χαρακτηριστικού στόχου που έχει καθοριστεί για το στοιχείο. _blank - φορτώνει την απάντηση σε νέο παράθυρο/καρτέλα _self - φορτώνει την απάντηση στο ίδιο παράθυρο (προεπιλογή) _parent - φορτώνει την απόκριση στο γονικό πλαίσιο _top - φορτώνει την απόκριση σε πλήρη οθόνη όνομα πλαισίου - φορτώνει την απάντηση σε ένα πλαίσιο με το καθορισμένο όνομα. |
| όνομα | Ορίζει το όνομα του κουμπιού, η τιμή του χαρακτηριστικού είναι κείμενο. Χρησιμοποιείται για σύνδεση σε δεδομένα φόρμας μετά την υποβολή της φόρμας ή για σύνδεση με ένα συγκεκριμένο κουμπί(α) σε JavaScript. |
| τύπος | Καθορίζει τον τύπο του κουμπιού. Πιθανές τιμές: κουμπί - κουμπί με δυνατότητα κλικ επαναφορά — κουμπί επαναφοράς, επιστρέφει την αρχική τιμή Υποβολή - κουμπί για την υποβολή δεδομένων φόρμας. |
| αξία | Ορίζει την προεπιλεγμένη τιμή που αποστέλλεται όταν κάνετε κλικ στο κουμπί. |
Τα πλαίσια ελέγχου στις φόρμες καθορίζονται χρησιμοποιώντας την κατασκευή και ένα κουμπί επιλογής καθορίζεται χρησιμοποιώντας το .
Τα πλαίσια ελέγχου, σε αντίθεση με τα κουμπιά επιλογής, μπορούν να ρυθμιστούν σε πολλά σε μία μορφή. Εάν το επιλεγμένο χαρακτηριστικό έχει καθοριστεί για πλαίσια ελέγχου, τότε όταν φορτωθεί η σελίδα, τα πλαίσια ελέγχου στα αντίστοιχα πεδία φόρμας θα είναι ήδη επιλεγμένα.
Το στοιχείο χρησιμοποιείται κατά την εφαρμογή της επιλογής χρησιμοποιώντας κουμπιά επιλογής και πλαίσια ελέγχου. Μπορεί να επιλέξει επιθυμητό αντικείμενο, απλά κάνοντας κλικ στο κείμενο που σχετίζεται με αυτό. Για να το κάνετε αυτό, πρέπει να το τοποθετήσετε μέσα στο στοιχείο.
Νέοι τύποι στοιχείων
Ένα από τα περίεργα πράγματα σχετικά με τις φόρμες HTML είναι η χρήση ενός μεμονωμένου στοιχείου με ένα ασαφές όνομα για τη δημιουργία μιας ποικιλίας στοιχείων ελέγχου, από πλαίσια ελέγχου έως πεδία κειμένου έως κουμπιά. Η συγκεκριμένη εμφάνιση του στοιχείου ελέγχου εξαρτάται από την ιδιότητα τύπου του στοιχείου.
Εάν το πρόγραμμα περιήγησης συναντήσει έναν άγνωστο τύπο στοιχείου, το πρόγραμμα περιήγησης ιστού το αντιμετωπίζει ως ένα κανονικό πεδίο κειμένου. Αυτό σημαίνει ότι τα ακόλουθα τρία στοιχεία αντιμετωπίζονται ακριβώς με τον ίδιο τρόπο από όλα τα προγράμματα περιήγησης:
Η HTML5 εκμεταλλεύεται αυτή τη συμπεριφορά. Δηλαδή, αρκετοί νέοι τύποι έχουν προστεθεί στο στοιχείο και εάν κάποιο πρόγραμμα περιήγησης δεν τους υποστηρίζει, θα τους αντιμετωπίζει ως κανονικά πεδία κειμένου. Για παράδειγμα, για να εισαγάγετε μια διεύθυνση email, μπορείτε να δημιουργήσετε ένα νέο πεδίο τύπου email:
Εάν προβάλετε μια σελίδα με αυτόν τον κωδικό σε ένα πρόγραμμα περιήγησης που δεν υποστηρίζει τον τύπο στοιχείου email (για παράδειγμα, Internet Explorer), αυτό το πεδίο θα εμφανιστεί ως κανονικό πεδίο κειμένου. Αλλά προγράμματα περιήγησης που υποστηρίζουν Φόρμες HTML 5 λίγο πιο έξυπνος μπορεί να κάνει τα εξής:
Προσφέρετε υπηρεσίες επεξεργασίας. Για παράδειγμα, ένα έξυπνο πρόγραμμα περιήγησης μπορεί να παρέχει έναν τρόπο επιλογής μιας διεύθυνσης email από βιβλίο διευθύνσεωνκαι επικολλήστε το στο πεδίο διεύθυνσης.
Αποτρέψει πιθανά λάθη. Για παράδειγμα, το πρόγραμμα περιήγησης ενδέχεται να μην δέχεται γράμματα κατά την εισαγωγή ενός πεδίου όπως ο αριθμός, ή να μην δέχεται μη έγκυρες ημερομηνίες ή ακόμη και να αναγκάζει τον χρήστη να επιλέξει ημερομηνίες από ένα μίνι ημερολόγιο, κάτι που είναι πιο εύκολο και ασφαλές.
Εκτελέστε έλεγχο. Τα προγράμματα περιήγησης μπορούν να εκτελούν πιο σύνθετους ελέγχους αφού ο χρήστης κάνει κλικ σε ένα κουμπί για να υποβάλει δεδομένα.
Η προδιαγραφή HTML5 δεν παρέχει καμία καθοδήγηση στους προγραμματιστές του προγράμματος περιήγησης στο πρώτο σημείο. Τα προγράμματα περιήγησης είναι ελεύθερα να ελέγχουν την εμφάνιση και την επεξεργασία ΔΙΑΦΟΡΕΤΙΚΟΙ ΤΥΠΟΙδεδομένα με οποιοδήποτε ουσιαστικό τρόπο, και διαφορετικά προγράμματα περιήγησηςμπορεί να προσθέσει διάφορες μικρές ανέσεις.
Αλλά πιο σημαντική είναι η δυνατότητα ελέγχου και εξάλειψης σφαλμάτων. Στο απόλυτο ελάχιστο, ένα πρόγραμμα περιήγησης που υποστηρίζει φόρμες HTML5 θα πρέπει να εμποδίζει την υποβολή μιας φόρμας που περιέχει δεδομένα που παραβαίνουν τους κανόνες τύπων δεδομένων. Επομένως, εάν το πρόγραμμα περιήγησης δεν μπορεί να αποτρέψει σφάλματα απευθείας κατά την εισαγωγή (σύμφωνα με το δεύτερο σημείο της παραπάνω λίστας), πρέπει να τα ελέγξει όταν ο χρήστης προσπαθεί να υποβάλει τη φόρμα (σύμφωνα με το τρίτο σημείο).
Δυστυχώς, δεν πληρούν όλα τα σύγχρονα προγράμματα περιήγησης αυτές τις απαιτήσεις. Ορισμένοι αναγνωρίζουν νέους τύπους δεδομένων και παρέχουν ορισμένες δυνατότητες επεξεργασίας, αλλά όχι επικύρωση. Πολλά προγράμματα περιήγησης κατανοούν έναν τύπο δεδομένων αλλά όχι έναν άλλο. Τα προγράμματα περιήγησης για κινητά είναι ιδιαίτερα προβληματικά από αυτή την άποψη - παρέχουν ορισμένες ευκολίες επεξεργασίας, αλλά όχι δυνατότητες επαλήθευσης.
Ο παρακάτω πίνακας δείχνει τους νέους τύπους δεδομένων και το επίπεδο πλήρους υποστήριξης στα μεγάλα προγράμματα περιήγησης. Πλήρης υποστήριξη σημαίνει ότι εάν υπάρχει παραβίαση τύπου δεδομένων, η φόρμα δεν θα υποβληθεί.
| Τύπος δεδομένων | I.E. | Firefox | Χρώμιο | Σαφάρι | ΛΥΡΙΚΗ ΣΚΗΝΗ | Safari iOS | Android |
| ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ | - | 4 | 10 | 5 | 10.6 | - | - |
| url | - | 4 | 10 | 5 | 10.6 | - | - |
| Αναζήτηση(χωρίς επαλήθευση) | |||||||
| τηλ(χωρίς επαλήθευση) | |||||||
| αριθμός | - | - | 10 | 5 | - | - | - |
| εύρος | - | - | 6 | 5 | 11 | - | - |
| ημερομηνία ώρα, ημερομηνία, μήνας, εβδομάδα, ώρα | - | - | 10 | - | 11 | - | - |
| χρώμα | - | - | - | - | 11 | - | - |
Αν και τα προγράμματα περιήγησης για κινητά Safari για iOS και Android δεν υποστηρίζουν επικύρωση, η παροχή εξειδικευμένων πληκτρολογίων από αυτά τα προγράμματα περιήγησης είναι μια σημαντική ευκολία, επομένως αξίζει να χρησιμοποιείτε εξειδικευμένους τύπους δεδομένων σε εφαρμογές για αυτά τα προγράμματα περιήγησης ιστού.
Διευθύνσεις ηλεκτρονικού ταχυδρομείουΤύπος δεδομένα emailχρησιμοποιείται για πεδία που προορίζονται για την εισαγωγή διευθύνσεων email. Γενικά, μια διεύθυνση email αποτελείται από μια σειρά χαρακτήρων (ορισμένοι χαρακτήρες δεν επιτρέπονται). Μια έγκυρη διεύθυνση πρέπει να περιέχει ένα σύμβολο @ και μια τελεία, με τουλάχιστον έναν χαρακτήρα μεταξύ τους και τουλάχιστον δύο χαρακτήρες μετά την τελεία:
Ο τύπος email υποστηρίζει το χαρακτηριστικό πολλαπλών, το οποίο σας επιτρέπει να εισάγετε πολλές διευθύνσεις σε ένα πεδίο. Αλλά αυτές οι πολλές διευθύνσεις εξακολουθούν να μοιάζουν με μία γραμμή κειμένου, που χωρίζονται μόνο με κόμματα.
Μην το ξεχασεις κενές τιμέςελέγχονται. Να αποτρέψω κενό πεδίοδιεύθυνση, πρέπει να εισαγάγετε το απαιτούμενο χαρακτηριστικό στο στοιχείο του.
διευθύνσεις URLΟ τύπος url χρησιμοποιείται για τα πεδία εισαγωγής URL. Το ερώτημα του τι συνιστά έγκυρη διεύθυνση URL συνεχίζει να συζητείται έντονα. Αλλά τα περισσότερα προγράμματα περιήγησης χρησιμοποιούν έναν σχετικά χαλαρό αλγόριθμο επαλήθευσης. Η διεύθυνση πρέπει να περιέχει ένα πρόθεμα (το οποίο μπορεί να είναι είτε πραγματικό, όπως http://, είτε πλασματικό, όπως bonk//) και επιτρέπει κενά και τα περισσότερα ειδικοί χαρακτήρες, εκτός από το παχύ έντερο.
Ορισμένα προγράμματα περιήγησης προσφέρουν επίσης πιθανές προτάσεις URL σε μια αναπτυσσόμενη λίστα, οι οποίες συνήθως λαμβάνονται από το ιστορικό των σελίδων που επισκέφτηκε πρόσφατα το πρόγραμμα περιήγησης.
Πεδία αναζήτησηςΟ τύπος αναζήτησης χρησιμοποιείται για τα πεδία αναζήτησης. Συνήθως προορίζονται για είσοδο λέξεις-κλειδιά, τα οποία στη συνέχεια χρησιμοποιούνται για την εκτέλεση κάποιου τύπου αναζήτησης. Αυτό θα μπορούσε να είναι μια αναζήτηση σε ολόκληρο το Διαδίκτυο (όπως το Google), μια αναζήτηση μιας σελίδας ή μια ειδική διαδικασία αναζήτησης που εξετάζει έναν κατάλογο πληροφοριών. Είτε έτσι είτε αλλιώς, το πεδίο αναζήτησης φαίνεται και συμπεριφέρεται σχεδόν ακριβώς όπως ένα κανονικό πεδίο κειμένου.
Σε ορισμένα προγράμματα περιήγησης, όπως το Safari, το πεδίο αναζήτησης φαίνεται ελαφρώς διαφορετικό και έχει στρογγυλεμένες γωνίες. Επιπλέον, όταν ο χρήστης αρχίσει να πληκτρολογεί στο πεδίο αναζήτησης στο πρόγραμμα περιήγησης Safari ή Chrome, σωστη πλευραΣτο πεδίο, εμφανίζεται ένα μικρό εικονίδιο X, κάνοντας κλικ στο οποίο μπορείτε να διαγράψετε το πεδίο.
Εκτός από αυτές τις μικρές διαφορές, το πεδίο αναζήτησης δεν είναι τίποτα άλλο από ένα κανονικό πεδίο κειμένου. Η κύρια διαφορά είναι η σημασιολογία. Με άλλα λόγια, πληκτρολογήστε αναζήτηση δεδομένωνχρησιμοποιείται για να κάνει το όνομα του πεδίου σαφές στα προγράμματα περιήγησης και προγράμματα υποστήριξηςγια χρήστες με αναπηρία. Μπορούν να κατευθύνουν τους επισκέπτες στην επιθυμητή τοποθεσία στη σελίδα ή να παρέχουν άλλες, πιο έξυπνες υπηρεσίες - ίσως στο μέλλον.
Τηλεφωνικοί αριθμοίΟ τύπος δεδομένων tel χρησιμοποιείται για την ένδειξη των πεδίων εισαγωγής αριθμούς τηλεφώνου, το οποίο μπορεί να παρουσιαστεί σε διάφορες μορφές. Μερικοί χρησιμοποιούν μόνο αριθμούς, άλλοι χρησιμοποιούν κενά, παύλες, σύμβολα συν και παρενθέσεις. Αυτή η έλλειψη ενιαίας μορφής μπορεί να είναι ο λόγος που το πρότυπο HTML5 δεν απαιτεί από τα προγράμματα περιήγησης να εκτελούν επικύρωση αριθμού τηλεφώνου. Ταυτόχρονα, δεν είναι ξεκάθαρο γιατί ένα πεδίο όπως το τηλ δεν απορρίπτει τουλάχιστον γράμματα.
Επί του παρόντος, το μόνο όφελος από τη χρήση ενός πεδίου όπως το τηλ είναι η παροχή εξειδικευμένων εικονικό πληκτρολόγιογια την εισαγωγή αριθμών τηλεφώνου σε προγράμματα περιήγησης για κινητά, τα οποία περιέχουν αριθμούς αλλά όχι γράμματα.
ΑριθμοίΗ HTML5 ορίζει δύο τύπους αριθμητικών δεδομένων. Ο τύπος αριθμού είναι για κανονικούς αριθμούς.
Αυτός ο τύπος δεδομένων έχει προφανείς δυνατότητες. Τα κανονικά πεδία κειμένου δέχονται κυριολεκτικά οτιδήποτε: αριθμούς, γράμματα, κενά, σημεία στίξης κ.λπ. Για αυτόν τον λόγο, μία από τις πιο κοινές εργασίες επικύρωσης είναι να διασφαλιστεί ότι μια τιμή είναι ένας αριθμός in ορισμένο εύρος. Αλλά όταν εισάγετε δεδομένα σε ένα πεδίο όπως ο αριθμός, το πρόγραμμα περιήγησης αγνοεί αυτόματα όλους τους χαρακτήρες εκτός από τους αριθμούς. Ακολουθεί ένα παράδειγμα κώδικα για τη δημιουργία ενός πεδίου αυτού του τύπου:
Ηλικία *
Φυσικά, υπάρχουν πολλοί αριθμοί που δεν ταιριάζουν σε κάθε τύπο αριθμητικών δεδομένων. Για παράδειγμα, η παραπάνω σήμανση επιτρέπει μια ηλικία όπως 43.000 ή -6 ετών, κάτι που είναι κάπως ασυνεπές με την πραγματικότητα. Αυτό το πρόβλημα επιλύεται χρησιμοποιώντας τις ιδιότητες min και max. Ο παρακάτω κώδικας παρέχει ένα παράδειγμα περιορισμού της ηλικίας σε ένα εύλογο εύρος:
Συνήθως, τα αριθμητικά πεδία δέχονται μόνο ακέραιους αριθμούς και κλάσματα όπως το 30,5 δεν επιτρέπονται. (Στην πραγματικότητα, ορισμένα προγράμματα περιήγησης δεν σας επιτρέπουν καν να εισάγετε δεκαδικό ψηφίο.) Αλλά αυτή η συμπεριφορά μπορεί επίσης να αλλάξει χρησιμοποιώντας το χαρακτηριστικό step, το οποίο καθορίζει το βήμα στο οποίο αλλάζει ο αριθμός (πάνω ή κάτω). Για παράδειγμα, ορίζοντας την τιμή βήματος σε 0,1, μπορείτε να εισαγάγετε τιμές όπως 0,1, 0,2 0,3 κ.λπ. Δοκιμάστε όμως να υποβάλετε μια φόρμα με τιμή 0,15 και θα λάβετε το γνωστό μήνυμα σφάλματος που θα εμφανιστεί. Η προεπιλεγμένη τιμή βήματος είναι 1.
Το χαρακτηριστικό step επηρεάζει επίσης τη λειτουργία των κουμπιών πεδίου με έναν μετρητή:
ΡυθμιστικάΣε άλλους αριθμητικός τύποςΤο HTML5 είναι εύρος. Όπως ο τύπος αριθμού, αυτός ο τύπος μπορεί να αντιπροσωπεύει ακέραιες και κλασματικές τιμές. Υποστηρίζει επίσης χαρακτηριστικά min και max για να ορίσετε ένα εύρος τιμών. Ακολουθεί ένα παράδειγμα κώδικα για τη δημιουργία ενός πεδίου αυτού του τύπου:
Ηλικία *
Η διαφορά έγκειται στον τρόπο με τον οποίο ένα πεδίο εύρους παρουσιάζει τις πληροφορίες του. Αντί για μετρητή, όπως για ένα πεδίο αριθμών, τα έξυπνα προγράμματα περιήγησης εμφανίζουν ένα ρυθμιστικό:
Για να ορίσετε μια τιμή τύπου εύρους, απλώς σύρετε το ρυθμιστικό στην επιθυμητή θέση μεταξύ της ελάχιστης και της μέγιστης τιμής. Ωστόσο, τα προγράμματα περιήγησης που υποστηρίζουν αυτόν τον τύπο πεδίου δεν παρέχουν πληροφορίες ανατροφοδότησης σχετικά καθορισμένη τιμή. Για να λάβετε αυτές τις πληροφορίες, πρέπει να προσθέσετε μια διαδικασία JavaScript στη σήμανσή σας που αντιδρά στις αλλαγές στη θέση του ρυθμιστικού (ίσως με το χειρισμό του συμβάντος onChange) και στη συνέχεια εμφανίζει αυτόν τον σχηματισμό δίπλα στο πεδίο.
ημερομηνία και ώραΗ HTML5 ορίζει διάφορους τύπους δεδομένων που σχετίζονται με το χρόνο. Τα προγράμματα περιήγησης που υποστηρίζουν τύπους ημερομηνιών μπορούν να παρέχουν ένα βολικό αναπτυσσόμενο ημερολόγιο από το οποίο ο χρήστης μπορεί να επιλέξει την επιθυμητή ημερομηνία και/ή ώρα. Αυτό όχι μόνο εξαλείφει την αβεβαιότητα σχετικά με τη σωστή μορφή ημερομηνίας, αλλά επίσης σας αποτρέπει από το να ορίσετε κατά λάθος (ή επίτηδες) μια ημερομηνία που δεν υπάρχει. Τα έξυπνα προγράμματα περιήγησης μπορούν να κάνουν ακόμη περισσότερα, όπως υποστήριξη ενσωμάτωσης με ένα προσωπικό ημερολόγιο.
Παρακάτω είναι ένα παράδειγμα χρήσης ημερομηνιών:
Ημερομηνια γεννησης *
Ο παρακάτω πίνακας παραθέτει τις έξι νέες μορφές HTML5 για ημερομηνίες και ώρες, με μια σύντομη περιγραφή τους:
Τα προγράμματα περιήγησης που υποστηρίζουν τύπους δεδομένων για ημερομηνίες και ώρες υποστηρίζουν επίσης χαρακτηριστικά ελάχιστη και μέγιστη για αυτά, γεγονός που σας επιτρέπει να ορίσετε ελάχιστες και μέγιστες ημερομηνίες, εφόσον χρησιμοποιείτε τη σωστή μορφή ημερομηνίας. Αυτό αποδεικνύεται στο παραπάνω παράδειγμα.
ΧρώμαΟ τύπος δεδομένων χρώματος χρησιμοποιείται για πεδία χρώματος. Ο τύπος δεδομένων χρώματος είναι ένα ενδιαφέρον, αν χρησιμοποιείται σπάνια, δευτερεύον χαρακτηριστικό που επιτρέπει σε έναν επισκέπτη ιστοσελίδας να επιλέξει ένα χρώμα από μια αναπτυσσόμενη παλέτα, παρόμοιο με μια παλέτα γραφικός επεξεργαστής:
Επιλέξτε το αγαπημένο σας χρώμα Χρώμα
Το πρότυπο HTML5 αναγνωρίζει πολλά ακόμη χαρακτηριστικά που χρησιμοποιούνται για τον έλεγχο του προγράμματος περιήγησης κατά τη συμπλήρωση φορμών. Δεν υποστηρίζονται όλα αυτά τα χαρακτηριστικά από όλα τα προγράμματα περιήγησης. Ωστόσο, είναι καλό να πειραματιστούν με:
χαρακτηριστικό ορθογραφικού ελέγχουΟρισμένα προγράμματα περιήγησης προσπαθούν να καλύψουν τα κενά στις ορθογραφικές γνώσεις του χρήστη ελέγχοντας την ορθογραφία του κειμένου που έχει εισαχθεί. Το προφανές πρόβλημα με αυτήν την υπηρεσία είναι ότι δεν αποτελείται όλο το κείμενο από πραγματικές λέξεις και η κόκκινη υπογράμμιση μπορεί να προκαλέσει πολύ γρήγορα τα νεύρα του χρήστη. Για να εμποδίσετε το πρόγραμμα περιήγησης να ελέγχει την ορθογραφία του κειμένου σε ένα πεδίο, ορίστε το χαρακτηριστικό ορθογραφικού ελέγχου σε false και το χαρακτηριστικό check σε true.
Από προεπιλογή, διαφορετικά προγράμματα περιήγησης ενεργούν διαφορετικά όσον αφορά τον ορθογραφικό έλεγχο, αλλά η ρύθμιση του χαρακτηριστικού ορθογραφικού ελέγχου οδηγεί σε συνεπή συμπεριφορά.
Ορισμένα προγράμματα περιήγησης προσπαθούν να εξοικονομήσουν χρόνο του χρήστη προτείνοντας, κατά την εισαγωγή πληροφοριών σε ένα πεδίο, τις τιμές που είχαν εισαχθεί προηγουμένως σε αυτό το πεδίο. Αυτή η συμπεριφορά δεν είναι πάντα επιθυμητή - όπως επισημαίνει η προδιαγραφή HTML5, ορισμένες πληροφορίες μπορεί να είναι ευαίσθητες (π.χ. κωδικοί για την εκτόξευση πυρηνικών πυραύλων,) ή να παραμένουν σχετικές μόνο για μικρό χρονικό διάστημα (π.χ. κωδικός μιάς χρήσηςείσοδος σε τραπεζικό σύστημααυτοεξυπηρέτηση). Για τέτοια πεδία, ορίστε την τιμή του χαρακτηριστικού αυτόματης συμπλήρωσης σε off για να αποτρέψετε την προτροπή του προγράμματος περιήγησης πιθανές επιλογέςσυμπλήρωση του κειμένου που εισάγεται στο πεδίο. Και για να συμπληρώσετε αυτόματα ένα συγκεκριμένο πεδίο, ορίστε την ιδιότητα αυτόματης συμπλήρωσης σε ενεργό.
Τα χαρακτηριστικά αυτόματης διόρθωσης και αυτόματης κεφαλαιοποίησηςΑυτά τα χαρακτηριστικά χρησιμοποιούνται για τον έλεγχο των δυνατοτήτων αυτόματη διόρθωσηκαι χρήση κεφαλαίων σε ορισμένα προγράμματα περιήγησης για κινητά, συγκεκριμένα Εκδόσεις Safariγια iPad και iPhone
πολλαπλή ιδιότηταΟι προγραμματιστές ιστού χρησιμοποιούν το χαρακτηριστικό πολλαπλών στοιχείων με το στοιχείο για να δημιουργούν λίστες πολλαπλών επιλογών από αμνημονεύτων χρόνων. Αλλά τώρα μπορούν να χρησιμοποιήσουν αυτό το χαρακτηριστικό με ορισμένους τύπους στοιχείων, συμπεριλαμβανομένων των αρχείων (για τη μεταφόρτωση αρχείων) και του email. Σε ένα πρόγραμμα περιήγησης που υποστηρίζει αυτό το χαρακτηριστικό, ο χρήστης μπορεί να επιλέξει πολλά αρχεία για αποστολή ταυτόχρονα στον διακομιστή ή να εισαγάγει πολλές διευθύνσεις email σε ένα πεδίο.
Το στοιχείο (από το αγγλικό "input" ‒ "input") είναι το κύριο στοιχείο της φόρμας ( Ετικέτα HTML) και ορίζει ένα προσαρμοσμένο πεδίο για την εισαγωγή πληροφοριών.
Το πεδίο εισαγωγής δέχεται διαφορετικό είδος, ανάλογα με την τιμή του χαρακτηριστικού τύπου που εφαρμόζεται σε αυτό το στοιχείο. Αυτά μπορεί να είναι μια ποικιλία κουμπιών, πεδία κειμένου, κωδικού πρόσβασης ή ονόματος αρχείου, κουμπιά επιλογής, πλαίσια ελέγχου κ.λπ.
Εφόσον η ετικέτα είναι ενσωματωμένη, δεν χρειάζεται να περικλείεται στη φόρμα (ετικέτα), αλλά εάν στέλνετε δεδομένα στον διακομιστή, τότε αυτό πρέπει να γίνει. Αλλά εάν έχετε πρόσβαση στην ετικέτα, για παράδειγμα, χρησιμοποιώντας σενάρια, τότε αρκεί να την τοποθετήσετε μέσα σε οποιοδήποτε στοιχείο που μπορεί να περιέχει ετικέτες ενσωματωμένης.
Σημείωση: Μια ετικέτα δεν μπορεί να περιέχει περιεχόμενο, μπορεί να περιέχει μόνο ιδιότητες.
Ετικέτα κλεισίματος σύνταξηςΔεν απαιτείται.
Τύπος χαρακτηριστικών Το κύριο χαρακτηριστικό που καθορίζει τον τύπο του στοιχείου εισόδου. Εάν το χαρακτηριστικό δεν έχει καθοριστεί, η προεπιλεγμένη τιμή είναι "text" .Πιθανές τιμές:
- κουμπί – ορίζει ενεργό κουμπίμε επιγραφή.
- πλαίσιο ελέγχου – Καθορίζει τα στοιχεία ελέγχου πλαισίου ελέγχου.
- χρώμα – Δημιουργεί μια χρωματική παλέτα, επιτρέποντας στους χρήστες να επιλέξουν τιμές χρώματος σε δεκαεξαδική μορφή.
- ημερομηνία – ορίζει ένα πεδίο για την εισαγωγή μιας ημερολογιακής ημερομηνίας (έτος, μήνας, ημέρα).
- datetime – ορίζει ένα πεδίο για την εισαγωγή της ημερομηνίας και της ώρας.
- datetime-local – Καθορίζει ένα στοιχείο ελέγχου ημερομηνίας και ώρας (έτος, μήνας, ημέρα, ώρα, λεπτά, δευτερόλεπτα και κλάσματα του δευτερολέπτου (χωρίς ζώνη ώρας)).
- email – ορίζει ένα πεδίο για μια διεύθυνση email.
- αρχείο – ορίζει ένα στοιχείο ελέγχου με το κουμπί Αναζήτηση για την επιλογή και τη φόρτωση αρχείων.
- κρυφό – ορίζει ένα κρυφό πεδίο εισαγωγής (δεν εμφανίζεται στην ιστοσελίδα).
- εικόνα – ορίζει μια εικόνα ως κουμπί για την υποβολή δεδομένων φόρμας στον διακομιστή. Μαζί με αυτήν την τιμή, πρέπει να χρησιμοποιήσετε το χαρακτηριστικό src για να ορίσετε τη διεύθυνση της εικόνας και το χαρακτηριστικό alt για να ορίσετε το εναλλακτικό κείμενο. Μπορείτε επίσης να ορίσετε τα χαρακτηριστικά πλάτους και ύψους για να καθορίσετε το μέγεθος της εικόνας σε pixel.
- μήνας – σας επιτρέπει να επιλέξετε έναν μήνα, μετά τον οποίο θα παρέχει εισαγωγή δεδομένων με τη μορφή έτους και μήνα (για παράδειγμα: 2017-07).
- αριθμός – ορίζει ένα πεδίο για την εισαγωγή αριθμών.
- κωδικός πρόσβασης – ορίζει ένα πεδίο για την εισαγωγή κωδικού πρόσβασης (μασκοφόροι χαρακτήρες).
- ραδιόφωνο – δημιουργεί κουμπιά επιλογής που είναι αμοιβαία αποκλειόμενα, αν επιλέξετε ένα κουμπί επιλογής, όλα τα άλλα γίνονται ανενεργά. Το επιλεγμένο χαρακτηριστικό υποδεικνύει ότι η επιλογή είναι επιλεγμένη από προεπιλογή.
- range – δημιουργεί ένα ρυθμιστικό για την εισαγωγή αριθμών στο καθορισμένο εύρος. Εάν δεν καθορίζονται τα αντίστοιχα χαρακτηριστικά, τότε οι προεπιλεγμένες τιμές είναι:
- min = 1
- μέγιστο = 100
- τιμή = min + (max - min) / 2, ή min εάν μέγ< min
- βήμα = 1
- επαναφορά – δημιουργεί ένα κουμπί για να επαναφέρει τα δεδομένα της φόρμας στην αρχική τους κατάσταση.
- αναζήτηση – ορίζει ένα πεδίο κειμένου για την εισαγωγή μιας συμβολοσειράς αναζήτησης.
- Υποβολή – Ορίζει ένα κουμπί "Υποβολή" για την υποβολή δεδομένων φόρμας στον διακομιστή.
- τηλ – ορίζει ένα πεδίο για την εισαγωγή αριθμού τηλεφώνου.
- κείμενο – Ορίζει ένα πεδίο κειμένου μιας γραμμής (το προεπιλεγμένο πλάτος είναι 20 χαρακτήρες).
- ώρα – ορίζει ένα πεδίο για την εισαγωγή ώρας σε 24ωρη μορφή, για παράδειγμα 17:30.
- url – ορίζει ένα πεδίο για την εισαγωγή μιας διεύθυνσης URL.
- εβδομάδα – σας επιτρέπει να επιλέξετε μία εβδομάδα, μετά την οποία θα παρέχει εισαγωγή δεδομένων σε μορφή έτους και εβδομάδας (για παράδειγμα: 2017-W15).
Δεν υποστηρίζουν όλα τα προγράμματα περιήγησης τους τύπους που προστέθηκαν στην HTML5.
Εάν το πρόγραμμα περιήγησης δεν υποστηρίζει έναν από τους νέους τύπους, θα υποθέσει ότι ο τύπος είναι κείμενο .
Υποστηρίζει το στοιχείο
