Min, max ve step

Sayısal inputlarda sınır ve adım kontrolü yaparsın.

Sayısal alanlarda min ve max

type="number" olan bir input, sayısal değer alır. min özniteliği en küçük, max en büyük kabul edilebilir değeri belirler. Örneğin bir yaş alanına min="18" max="120" koyarsan, tarayıcı 18'den küçük ya da 120'den büyük değeri kabul etmez. Bu, mantıksız girişleri form gönderilmeden önce engeller ve kullanıcıyı doğru değer aralığına yönlendirir.

step ile adım aralığı

step özniteliği, artış miktarını belirler. Bir sipariş formunda adet alanına step="1" koyarsan yalnızca tam sayılar; step="0.01" koyarsan iki ondalık basamak kabul edilir. Aynı öznitelik type="date" için gün, type="time" için saniye adımı da verir. min, max ve step üçlüsü sayısal alanın davranışını net biçimde sınırlar.

Uygulama Sipariş formuna adet alanı ekle

Aşağıdaki sipariş formuna bir adet alanı ekle. Şunları taşımalı:

type="number"
min="1" ve max="99" ile sınırlı
step="1" ile yalnız tam sayılar
Bir <label> ve for↔id eşleşmesi

Örnek çözümü göster

<form action="/siparis" method="post">
  <label for="adet">Adet</label>
  <input type="number" id="adet" min="1" max="99" step="1">
</form>

Kendini test et

Bir number input'ta step="10" ne sağlar?
```
<input type="number" min="0" max="100" step="10">
```
- En fazla 10 değer girilebilmesini
- Değerlerin 10'ar aralık artmasını
- Alanın 10 karakter olmasını
- 10 adet input oluşturulmasını
Cevabı göster

Değerlerin 10'ar aralık artmasını — Doğru. step="10" değerlerin 10'ar aralıkla (0, 10, 20, ...) artmasını sağlar.

Yaş alanının sınırını tamamla

<input type="number" min="18" ____ step="1">

Cevabı göster

<input type="number" min="18" max="120" step="1">

Sayısal özniteliği anlamıyla eşleştir

min

En küçük değer
max

En büyük değer
step

Artış miktarı
type="number"

Sayısal giriş

Sıradaki ders: Minlength ve maxlength

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler