Ποιος είναι ο σκοπός του χαρακτηριστικού autocomplete…

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

Οι παράμετροι της ιδιότητας autocomplete διαιρούνται σε δύο τύπους: γενικούς και ανά τύπο δεδομένων.

Γενικοί παράμετροι:

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

Παράμετροι ανά τύπο δεδομένων (οι πιο συχνά χρησιμοποιούμενοι):

name: Πλήρες όνομα χρήστη.
honorific-prefix: Προθέματα πριν το όνομα (π.χ., "Mr.", "Ms.").
given-name: Όνομα.
additional-name: Επιπλέον ονόματα (δευτερεύον όνομα κ.λπ.).
family-name: Επώνυμο.
honorific-suffix: Επίθετο μετά το όνομα (π.χ., "Jr.", "Sr.").
nickname: Ψευδώνυμο.
email: Διεύθυνση email.
username: Όνομα χρήστη.
new-password: Νέος κωδικός (για πεδία δημιουργίας κωδικού).
current-password: Τρέχων κωδικός (για πεδία εισαγωγής υπάρχοντος κωδικού).
one-time-code: Κωδικός μίας χρήσης (π.χ., για δύο παράγοντες πιστοποίησης).
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: Ημερομηνία λήξης πιστωτικής κάρτας.
cc-exp-month: Μήνας λήξης.
cc-exp-year: Έτος λήξης.
cc-csc: Κωδικός ασφαλείας κάρτας.
cc-type: Τύπος κάρτας.
transaction-currency: Νομίσμα της συναλλαγής.
transaction-amount: Ποσό συναλλαγής.
language: Προτιμώμενη γλώσσα.

Οι παράμετροι μπορούν επίσης να περιλαμβάνουν προθέματα, όπως shipping ή billing, υποδεικνύοντας ότι πρόκειται για δεδομένα αποστολής ή πληρωμής.

Παράδειγμα χρήσης:

<form>
  <label for="name">Όνομα:</label>
  <input type="text" id="name" name="name" autocomplete="given-name">

  <label for="email">Email:</label>
  <input type="email" id="email" name="email" autocomplete="email">

  <label for="street">Οδός:</label>
  <input type="text" id="street" name="street" autocomplete="shipping street-address">
</form>

Ποιος είναι ο σκοπός του χαρακτηριστικού autocomplete και ποια παραμέτρους δέχεται;