Το χαρακτηριστικό type στο <input> αλλάζει τη διεπαφή του, το πληκτρολόγιο στην οθόνη (κινητό) και την ενσωματωμένη επικύρωση. Η χρήση του σωστού τύπου βελτιώνει την χρηστικότητα και παρέχει δωρεάν επικύρωση.
html
Το χαρακτηριστικό type στο <input> αλλάζει τη διεπαφή του, το πληκτρολόγιο στην οθόνη (κινητό) και την ενσωματωμένη επικύρωση. Η χρήση του σωστού τύπου βελτιώνει την χρηστικότητα και παρέχει δωρεάν επικύρωση.
Τα κινητά πληκτρολόγια προσαρμόζονται — type="email" εμφανίζει το πλήκτρο @, type="tel" εμφανίζει ένα αριθμητικό πληκτρολόγιο, type="number" εμφανίζει ψηφία. Μόνο αυτό είναι μια μεγάλη νίκη στη χρηστικότητα στα τηλέφωνα.
Δωρεάν επικύρωση — type="email" απορρίπτει not-an-email κατά την υποβολή, min/max περιορίζουν αριθμούς, type="url" ελέγχει για έγκυρο URL — δεν απαιτείται JavaScript.
<input type="radio" name="plan" value="free" /> Free
<input type="radio" name="plan" value="pro" /> Pro
<!-- same name = mutually exclusive; only one can be selected -->
Η επιλογή του σωστού τύπου εισόδου σας δίνει καλύτερα κινητά πληκτρολόγια, εγγενείς επιλογείς και ενσωματωμένη επικύρωση δωρεάν — βελτιώνει την προσβασιμότητα και μειώνει το JavaScript που θα έπρεπε να γράψετε.
Είναι μια μικρή επιλογή με ένα υπερμέγεθες οφέλη UX.