A weboldalak űrlap elemeinek kitöltésekor hasznos, ha a mezőkbe a korábban beírt értékek közül is ki lehet választani egyet. Amennyiben a mező szabad szöveges formátumú, érdemes az esetleg más portálokon korábban beírt értékekből választani. A HTML szabvány autocomplete tulajdonsága nyújt erre lehetőséget.
Jelen fejezet célja olyan mintaűrlap bemutatása, amely tartalmazza a Magyarországon leggyakrabban használt automatikus kiegészítési lehetőségeket. A tulajdonság gyakorlati példájában a HTML attribute: autocomplete oldal Magyarországon leggyakrabban használt értékei szerepelnek.
<label for="email">E-mail-cím (pl. nev@szervezet.hu):</label>Ez a sor az e-mail-cím megadására szolgáló mezőhöz tartozó címke. A for="email" tulajdonság biztosítja az összerendelést, megfelelve a WCAG 2.1 ajánlás 1.3.1 teljesítési feltételének.
<input type="email" name="email" id="email" aria-label="E-mail-cím (pl. nev@szervezet.hu)" autocomplete="email"/>A type="email" tulajdonság jelzi a böngésző számára, hogy a mező gyakran használt (e-mail) típusú. (1.3.5 teljesítési feltétel). Az autocomplete="email" érték alapján a böngésző a korábban megadott e-mail-címeket ajánlja fel.
| Érték megnevezése | Érték jelentése |
|---|---|
| name | teljes név |
| honorific-suffix | megszólítás (pl. dr.) |
| family-name | családi név |
| given-name | utónév |
| nickname | becenév |
| sex | nem |
| e-mail-cím | |
| tel | telefonszám |
| username | felhasználónév |
| organization-title | beosztás (pl. osztályvezető) |
| organization | szervezet megnevezése |
| bday | születési idő |
| country | ország |
| postal-code | irányítószám |
| address-level2 | település |
| address-line1 | utca |
| address-line2 | házszám |
| address-line3 | emelet |
| address-level4 | ajtó |
| cc-type | bankkártya típusa |
| cc-name | bankártyán szereplő név |
| cc-family-name | bankkártyán szereplő családi név |
| cc-given-name | bankkártyán szereplő utónév |
| cc-number | bankkártya száma |
| cc-exp | bankkártya lejárati ideje |
| cc-csc | bankkártya ellenőrző kód |