Για ποιο λόγο χρησιμοποιείται το χαρακτηριστικό…

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

Βασικές παράμετροι:

on: Ενεργοποίηση αυτόματης συμπλήρωσης.
off: Απενεργοποίηση αυτόματης συμπλήρωσης.

Εκτός από το on και off, υπάρχουν μια σειρά από προκαθορισμένες τιμές που περιγράφουν τον τύπο δεδομένων που πρέπει να συμπληρωθεί. Μερικές από αυτές:

name: Ολόκληρο το όνομα.
honorific-prefix: Προθέματα ονόματος (π.χ., "Κύριος", "Κυρία").
given-name: Όνομα.
additional-name: Δεύτερο όνομα ή επωνυμία.
family-name: Επώνυμο.
honorific-suffix: Επίθημα ονόματος (π.χ., "Jr.").
nickname: Ψευδώνυμο.
email: Διεύθυνση email.
username: Όνομα χρήστη.
new-password: Νέος κωδικός (για φόρμα εγγραφής).
current-password: Τρέχων κωδικός (για σύνδεση).
organization-title: Θέση.
organization: Οργάνωση.
street-address: Διεύθυνση.
address-line1, address-line2, address-line3: Γραμμές διεύθυνσης.
address-level4, address-level3, address-level2, address-level1: Επίπεδα διεύθυνσης (π.χ., χώρα, περιοχή, πόλη, διαμέρισμα).
country: Χώρα.
country-name: Όνομα χώρας.
postal-code: Τ.Κ.
cc-name: Όνομα στην πιστωτική κάρτα.
cc-given-name: Όνομα στην πιστωτική κάρτα.
cc-additional-name: Δεύτερο όνομα στην πιστωτική κάρτα.
cc-family-name: Επώνυμο στην πιστωτική κάρτα.
cc-number: Αριθμός πιστωτικής κάρτας.
cc-exp: Ημερομηνία λήξης πιστωτικής κάρτας σε μορφή MM/YY.
cc-exp-month: Μήνας λήξης.
cc-exp-year: Έτος λήξης.
cc-csc: Κωδικός ασφαλείας (CVV).
cc-type: Τύπος κάρτας.
tel: Τηλεφωνικός αριθμός.
tel-national: Τηλεφωνικός αριθμός χωρίς κωδικό χώρας.
tel-area-code: Κωδικός περιοχής.
tel-local: Τηλεφωνικός αριθμός χωρίς κωδικό χώρας και περιοχής.
tel-extension: Επέκταση τηλεφώνου.
bday: Ημερομηνία γέννησης.
bday-day: Ημέρα γέννησης.
bday-month: Μήνας γέννησης.
bday-year: Έτος γέννησης.
sex: Φύλο.
url: URL της αρχικής σελίδας.
photo: URL φωτογραφίας.

Μερικές τιμές μπορούν να συνδυαστούν με προθέματα, π.χ., shipping ή billing, για να δηλώσουν τη διεύθυνση αποστολής ή χρέωσης.

<input type="text" autocomplete="name" id="name">
<input type="email" autocomplete="email" id="email">
<input type="password" autocomplete="new-password" id="password">
<input type="text" autocomplete="shipping street-address" id="shipping_address">

Για ποιο λόγο χρησιμοποιείται το χαρακτηριστικό 'autocomplete' και ποιες παραμέτρους μπορεί να λαμβάνει;