Minlength ve maxlength
Metin uzunluğu sınırlarını öğrenirsin.
Metin uzunluğu: minlength ve maxlength
Metin alanlarında uzunluk sınırı için minlength ve maxlength kullanılır. minlength="8" en az 8 karakter, maxlength="64" en fazla 64 karakter ister. Bir şifre alanına ikisini birden koyarsan, kısa ya da aşırı uzun şifreler tarayıcı tarafından reddedilir. Bu, sunucuya göndermeden önce temel bir uzunluk denetimi yapar.
min/max ile minlength/maxlength farkı
Bu dörtlü sıklıkla karıştırılır. min ve max sayısal değer sınırı koyar; type="number", type="range" gibi alanlarda çalışır. minlength ve maxlength ise karakter sayısı sınırı koyar; metin alanlarında (type="text", type="password", <textarea>) çalışır. Bir yaş alanına min="18", bir kullanıcı adına minlength="3" yazılır.
Uygulama Şifre alanına uzunluk sınırları ekle
Kayıt formuna bir şifre alanı ekle. Şunları taşımalı:
type="password"minlength="8"(en az 8 karakter)maxlength="64"(en fazla 64 karakter)required(zorunlu)- Bir
<label>ve for↔id eşleşmesi
Örnek çözümü göster
<form action="/kayit" method="post">
<label for="sifre">Şifre</label>
<input type="password" id="sifre" minlength="8" maxlength="64" required>
</form>Kendini test et
-
maxlength="20" bir text input'ta ne sağlar?
<input type="text" maxlength="20">- En az 20 karakter girilmesini
- Değerin 20'den büyük olmamasını
- En fazla 20 karakter girilebilmesini
- Alanın 20 piksel genişlikte olmasını
Cevabı göster
En fazla 20 karakter girilebilmesini — Doğru. maxlength="20" en fazla 20 karakter girilebilmesini sağlar.
-
Kullanıcı adının en fazla karakterini tamamla
<input type="text" id="kullanici" ____ required>Cevabı göster
<input type="text" id="kullanici" maxlength="20" required> -
Özniteliği uygulandığı alanla eşleştir
- min
- type="number"
- max
- type="range"
- minlength
- type="text"
- maxlength
- type="password"