Autocomplete ve inputmode

autocomplete ve inputmode ile mobil deneyimi iyileştirirsin.

Autocomplete ile otomatik doldurma

Kullanıcıyı tekrar tekrar yazmaktan kurtarmak için autocomplete özniteliğini kullanırsın. Tarayıcı, daha önce girdiği değerleri hatırlar ve uygun alanlara otomatik doldurur. name, email, tel, postal-code gibi standart değerler en iyi sonucu verir.

Otomatik doldurmayı kapatmak istersen autocomplete="off" yazarsın; ama tarayıcılar her zaman buna uymayabilir.

Inputmode ile mobil klavye

Mobil cihazlarda doğru klavyeyi açmak için inputmode özniteliğini kullanırsın. numeric sayı klavyesini, tel telefon klavyesini, email ise @ işaretini hazır sunan klavyeyi açar.

inputmode yalnızca klavye ipucudur; doğrulama yapmaz. Doğrulama için type ya da pattern gerekir. İkisini birlikte kullanmak en sağlıklısıdır.

Uygulama Mobil dostu e-posta alanı yaz

Form içine bir <input type="email"> ekle. name özniteliği eposta, autocomplete özniteliği email, inputmode özniteliği email ve required özniteliği olsun. Ayrıca placeholder özniteliğine E-posta adresiniz yaz.

Örnek çözümü göster

<form>
  <input type="email" name="eposta" autocomplete="email" inputmode="email" required placeholder="E-posta adresiniz">
</form>

Kendini test et

Hangisi doğrudur?
- autocomplete yalnızca "off" değerini alır
- inputmode mobil klavye ipucu verir
- inputmode alanı doğrular
- autocomplete ile inputmode aynıdır
Cevabı göster

inputmode mobil klavye ipucu verir — Doğru. inputmode, mobil cihazda uygun klavyeyi açar; doğrulama yapmaz.

Tarayıcı e-posta otomatik doldursun

<input type="email" ____="email">

Cevabı göster

<input type="email" autocomplete="email">

Özniteliği ve değerini rolüyle eşleştir

autocomplete

Otomatik doldurma
inputmode

Mobil klavye ipucu
email

E-posta alanı
tel

Telefon alanı
off

Otomatiği kapatır

Sıradaki ders: Özet - Anket formu

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler