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"

Sıradaki ders: Type-based doğrulama

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler