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
- E-posta alanı
- tel
- Telefon alanı
- off
- Otomatiği kapatır