'autocomplete' özniteliği ne işe yarar ve hangi parametreleri alabilir?

autocomplete özniteliği, kullanıcının önceki girişlerine dayanarak form alanlarının otomatik doldurulması için tarayıcıya nasıl davranması gerektiğini göstermek için kullanılır. Bu, kullanım kolaylığını ve form doldurma hızını artırır.

Ana parametreler:

• on: Otomatik tamamlama etkinleştir.
• off: Otomatik tamamlama devre dışı bırak.

on ve off dışında, doldurulması gereken veri türünü tanımlayan önceden tanımlanmış birçok değer vardır. Bazıları:

• name: Tam isim.
• honorific-prefix: Ünvan (örneğin, "Bay", "Bayan").
• given-name: İsim.
• additional-name: İkinci isim veya soyadı.
• family-name: Soyadı.
• honorific-suffix: İsim son eki (örneğin, "Jr.").
• nickname: Takma isim.
• email: E-posta adresi.
• username: Kullanıcı adı.
• new-password: Yeni şifre (kayıt formu için).
• current-password: Mevcut şifre (giriş için).
• organization-title: Unvan.
• organization: Organizasyon.
• street-address: Adres.
• address-line1, address-line2, address-line3: Adres satırları.
• address-level4, address-level3, address-level2, address-level1: Adres seviyeleri (örneğin, ülke, bölge, şehir, ilçe).
• country: Ülke.
• country-name: Ülke adı.
• postal-code: Posta kodu.
• cc-name: Kredi kartındaki isim.
• cc-given-name: Kredi kartındaki isim.
• cc-additional-name: Kredi kartındaki ikinci isim.
• cc-family-name: Kredi kartındaki soyadı.
• cc-number: Kredi kartı numarası.
• cc-exp: Kredi kartı son kullanma tarihi (AA/YY formatında).
• cc-exp-month: Son kullanma ayı.
• cc-exp-year: Son kullanma yılı.
• cc-csc: Güvenlik kodu (CVV).
• cc-type: Kredi kartı tipi.
• tel: Telefon numarası.
• tel-national: Ülke kodu olmadan telefon numarası.
• tel-area-code: Alan kodu.
• tel-local: Ülke ve alan kodu olmadan telefon numarası.
• tel-extension: Telefon uzantısı.
• bday: Doğum tarihi.
• bday-day: Doğum günü.
• bday-month: Doğum ayı.
• bday-year: Doğum yılı.
• sex: Cinsiyet.
• url: Ana sayfa URL'si.
• photo: Fotoğraf URL'si.

Bazı değerler, örneğin, shipping veya billing gibi öneklerle kombinlenebilir, bu da teslimat veya fatura adresini belirtir.

<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">