Πώς να χρησιμοποιήσετε καλύτερα τα Προηγμένα χαρακτηριστικά φόρμας HTML;



Αυτό το άρθρο θα σας παρουσιάσει ορισμένα από τα Προχωρημένα Χαρακτηριστικά Φόρμας HTML και σε διαδικασία επίσης θα δώσει μια πρακτική επίδειξη.

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

Οι ακόλουθοι δείκτες θα καλυφθούν σε αυτό το άρθρο,





Ας ξεκινήσουμε λοιπόν με αυτό το άρθρο,

Προηγμένα χαρακτηριστικά φόρμας HTML

Η HTML από μόνη της δεν μπορεί να ταιριάξει με μερικά από τα πιο αγαπημένα σχέδια που βλέπουμε σήμερα. Απαιτείται βοήθεια και αυτό παρέχεται από CSS ή Φύλλο Cascading Style . HTML & CSS μπορούν να χρησιμοποιηθούν μαζί για να δημιουργήσουν μερικές ελκυστικές ιστοσελίδες.



Προχωρώντας με αυτό το άρθρο σχετικά με τα Σύνθετα χαρακτηριστικά φόρμας HTML

Ετικέτες και χαρακτηριστικά σε HTML

Αυτά και τα δύο είναι τα βασικά του HTML και λειτουργούν μαζί αλλά εκτελούν διαφορετικές λειτουργίες.

Ετικέτες: Οι ετικέτες χρησιμοποιούνται για να επισημάνουν την αρχή του στοιχείου HTML και περικλείονται από τις γωνιακές αγκύλες.



Παράδειγμα:

ορισμός __init__

Η παραπάνω ετικέτα είναι η ετικέτα επικεφαλίδας σε HTML.

Χαρακτηριστικά: Αυτές είναι οι πρόσθετες πληροφορίες σχετικά με τις ετικέτες και καθορίζονται εντός της ετικέτας.



Παράδειγμα:

 ”My

Η παραπάνω ετικέτα είναι ετικέτα εικόνας και alt είναι το χαρακτηριστικό για την ετικέτα και παρέχει την περιγραφή για την εικόνα hello_world.jpg

Καθώς έχουμε συζητήσει τα βασικά που χρειαζόμασταν, οπότε τώρα μπορούμε να προχωρήσουμε περαιτέρω με το κίνητρο αυτού του άρθρου που είναι μερικές προηγμένες ετικέτες HTML και CSS

Προχωρώντας με αυτό το άρθρο σχετικά με τα Σύνθετα χαρακτηριστικά φόρμας HTML

Μέγιστα, μέγιστα και ελάχιστα χαρακτηριστικά

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

Μέγιστη

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

Σημείωση:

Το μέγιστο χαρακτηριστικό παρουσιάστηκε με HTML 5.

Παράδειγμα:

Αριθμός μαθητών:

GitHub Gist Link:

Η αξία των μαθητών δεν μπορεί να αυξηθεί πέραν των 50.

Έξοδος - Προηγμένα χαρακτηριστικά φόρμας HTML - Edureka

Σημείωση: Η ενέργεια χαρακτηριστικού της ετικέτας καθορίζει πού θα αποστέλλονται τα εισαγόμενα δεδομένα για την περαιτέρω διαδικασία. Σε αυτήν την περίπτωση είναι subm_detail.php που είναι ένα αρχείο PHP.

Ο αριθμός των μαθητών είναι η λεπτομέρεια που πρέπει να εισαχθεί στο πλαίσιο κειμένου.

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

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

Παράδειγμα:

Εισαγάγετε την ημερομηνία γέννησής σας σε μορφή ΕΕΕΕ-ΜΜ-ΗΗ: 
Μέγιστο DOB: 2000-03-31

GitHub Gist Link:

Έχουμε χρησιμοποιήσει 31αγΜάρτιος του 2000 ως η μέγιστη ημερομηνία και η επιλογή είναι το ημερολόγιο περιορίζεται μέχρι την ημερομηνία αυτή μόνο.

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

Προχωρώντας με αυτό το άρθρο σχετικά με τα Σύνθετα χαρακτηριστικά φόρμας HTML

Μέγιστο μήκος

Όπως υποδηλώνει το όνομα, αυτό το χαρακτηριστικό καθορίζει το μέγιστο μήκος των χαρακτήρων που μπορούν να εισαχθούν σε ένα πεδίο εισαγωγής από τον χρήστη. Οι τιμές χαρακτηριστικών είναι αριθμοί.

Παράδειγμα:

Εισαγάγετε το όνομα χρήστη σας:

GitHub Gist Link:

Το όριο του πεδίου εισαγωγής είναι 15 χαρακτήρες, επομένως η είσοδος περιορίζεται μόνο σε 15 χαρακτήρες.

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

Σημείωση Η προεπιλεγμένη τιμή του χαρακτηριστικού maxlength είναι 524288.

Προχωρώντας με αυτό το άρθρο σχετικά με τα Σύνθετα χαρακτηριστικά φόρμας HTML

Ελάχ

Το χαρακτηριστικό min καθορίζει την ελάχιστη τιμή για την τιμή που θα εισαχθεί στο πεδίο εισαγωγής.

Παράδειγμα:

Εισαγάγετε την ηλικία:

GitHub Gist Link:

Το χαρακτηριστικό min στην ετικέτα εισαγωγής ορίζει ότι η ηλικία εισαγωγής δεν πρέπει να είναι μικρότερη από 18.

Υπόδειξη: Μπορείτε να χρησιμοποιήσετε το χαρακτηριστικό min και max με μια είσοδο για να δώσετε στην είσοδο ένα νόμιμο εύρος ή ένα αποδεκτό εύρος.

Παράδειγμα:

Εισαγάγετε την ηλικία:

GitHub Gist Link:

Με αυτό φτάνουμε στο τέλος αυτού του άρθρου σχετικά με τα Προχωρημένα χαρακτηριστικά φόρμας HTML.

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

Τώρα που ξέρετε τι είναι HTML, ρίξτε μια ματιά στο από την Edureka. Η Εκπαίδευση Πιστοποίησης Ανάπτυξης Ιστού θα σας βοηθήσει να μάθετε πώς να δημιουργείτε εντυπωσιακούς ιστότοπους χρησιμοποιώντας HTML5, CSS3, Twitter Bootstrap 3, jQuery και Google APIs και να το αναπτύξετε στο Amazon Simple Storage Service (S3).

Έχετε μια ερώτηση για εμάς; Παρακαλώ αναφέρετέ το στην ενότητα σχολίων του άρθρου και θα επικοινωνήσουμε μαζί σας.