Αυτός ο οδηγός αφορά τη δημιουργία και διαχείριση των φορμών ιστού, ιδιαίτερα τη χρήση του τύπου εισαγωγής "αριθμός". Αυτός ο ειδικός τύπος εισόδου σας επιτρέπει να συλλέγετε αριθμητικές τιμές ευκολότερα και πιο ελεγχόμενα από τους χρήστες. Θα μάθετε πώς να καθορίζετε χαρακτηριστικά όπως το Ελάχιστο, Μέγιστο και Βήμα για την επικύρωση των τιμών εισόδου και την προσαρμογή στο χρήστη-διασώσεις. Αυτές οι τεχνικές είναι σημαντικές για τη βελτίωση της χρηστικότητας των online φορμών σας και για να εξασφαλίσετε ότι τα συλλεγμένα δεδομένα ανταποκρίνονται στις απαιτήσεις.
Κυριότερες Ευρήσεις
- Με τον τύπο εισόδου "αριθμός" μπορείτε να ελέγχετε ακριβώς τις αριθμητικές εισόδους.
- Τα χαρακτηριστικά "min", "max" και "step" βοηθούν στον έλεγχο των τιμών εισόδου.
- Ο περιηγητής παρέχει βασικές λειτουργίες επικύρωσης για να αποτρέψει μη έγκυρες εισόδους.
Οδηγίες Βήμα-προς-Βήμα
Βήμα 1: Κατανόηση των Βασικών του Τύπου Εισόδου "Αριθμός"
Αρχικά, πρέπει να γίνετε εξοικειωμένοι με τον τύπο εισόδου "αριθμός". Όταν δημιουργείτε ένα πεδίο εισόδου για την ηλικία, μπορείτε να ορίσετε τον τύπο ως "αριθμός". Αυτό δίνει στον περιηγητή τη δυνατότητα να επιτρέπει μόνο αριθμητικές εισόδους.
Βήμα 2: Ορισμός Ελάχιστης Τιμής
Για να βεβαιωθείτε ότι οι χρήστες δηλώνουν μια ρεαλιστική ηλικία, μπορείτε να χρησιμοποιήσετε το χαρακτηριστικό min. Για παράδειγμα, όταν πρόκειται για την ηλικία, δεν έχει νόημα να επιτραπούν αρνητικές τιμές. Μπορείτε να ορίσετε, για παράδειγμα, ένα ελάχιστο ηλικίας 12 ετών. Αυτό επιτυγχάνεται με τον κώδικα min="12".
Βήμα 3: Προσθήκη Μέγιστης Τιμής
Παρόμοια με την ελάχιστη τιμή, μπορείτε να ορίσετε και μια μέγιστη τιμή. Σκεφτείτε ότι επιθυμείτε να επιτρέψετε τιμές μεταξύ 12 και 20 ετών. Για αυτό, ορίστε το χαρακτηριστικό max στο 20. Αυτό εξασφαλίζει ότι οι χρήστες δεν μπορούν να εισαγάγουν τιμές άνω των 20 και σας δίνει έλεγχο για την επικύρωση της φόρμας.
Βήμα 4: Έλεγχος των Τιμών Εισόδου και Εμφάνιση Σφαλμάτων Επικύρωσης
Όταν ένας χρήστης προσπαθεί να εισαγάγει μια τιμή εκτός του ορισμένου εύρους, εμφανίζεται ένα μήνυμα λάθους. Για παράδειγμα, αν κάποιος εισαγάγει -1 και προσπαθήσει να υποβάλει τη φόρμα, ο περιηγητής εμφανίζει το σφάλμα "η τιμή πρέπει να είναι μεγαλύτερη ή ίση με 12" για να εξασφαλίσει ότι η είσοδος ανταποκρίνεται στις καθορισμένες απαιτήσεις.
Βήμα 5: Προσαρμογή του Πλάτους του Πεδίου Εισόδου
Το χαρακτηριστικό max επηρεάζει επίσης την εμφάνιση του πεδίου εισόδου. Με τη ρύθμιση μιας μέγιστης τιμής, το πεδίο προσαρμόζεται αυτόματα στο πλάτος των επιτρεπόμενων τιμών. Αυτό μπορεί να είναι οπτικά ελκυστικό και καθιστά σαφές για τους χρήστες ποιες τιμές μπορούν να εισαγάγουν.
Βήμα 6: Να Δίνεται Δυνατότητα για Δεκαδικούς Αριθμούς
Αν επιθυμείτε να επιτραπούν και δεκαδικοί αριθμοί (π.χ. 19,3), μπορείτε να προσθέσετε το χαρακτηριστικό βήμα. Ένα παράδειγμα θα ήταν βήμα="0.1", το οποίο επιτρέπει στους χρήστες να κάνουν εισαγωγές σε βήματα του 0,1. Σημειώστε ότι όχι όλες οι εφαρμογές απαιτούν δεκαδικούς αριθμούς για την ηλικία, αλλά αυτό το χαρακτηριστικό είναι χρήσιμο για άλλες αριθμητικές εισόδους.
Βήμα 7: Επικύρωση και Επιστροφή των Πληροφοριών από τον Περιηγητή
Η χρήση του min, max και step εξασφαλίζει ότι οι τιμές που εισάγει ένας χρήστης βρίσκονται εντός των οριοθετημένων ορίων. Ο περιηγητής ελέγχει αυτές τις τιμές κάθε φορά που ο χρήστης προσπαθεί να υποβάλει τη φόρμα. Αν ο χρήστης κάνει μη έγκυρες εισόδους, ο περιηγητής εμφανίζει αυτόματα ένα σφάλμα και δεν επιτρέπει την υποβολή της φόρμας, επιτρέποντας στον χρήστη να προσαρμόσει τις εισόδους του.
