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"vemax="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ş