HTML'de sadece sayısal değerleri gösterebilmesi amacıyla özellikle e-ticaret sitelerinde type attribute'u number olan input'lar kullanılır ve hem kullanıcılar, input içindeki artırma ve azaltma butonları ile sepet adetlerini değiştirebilirler, hem de sayısal olmayan karakterleri yazmaları engellenmiş olur (ufak bir js eklemesi gerek).
<input type="number" id="adet" name="adet">
Sayfa ilk yüklendiğinde görünmesini istediğiniz sayı için value özelliğini kullanabilirsiniz.
<input type="number" id="adet" name="adet" value="1">
Ve max ile min seçilebilecek değerleri de max ve min özellikleri ile belirleyebilirsiniz.
<input id="adet" max="10" min="1" name="adet" type="number" value="1" />
HTML number input'u kullanırken artış ve azalış miltarlarını da step özelliği ile belirlemek mümkün ve bu sayede onar onar artırmak ya da küsüratlı sayıları kullanabilmek de mümkün olmaktadır.
<input id="adet" max="10" min="1" name="adet" step="0.1" type="number" value="1" /><
Editör editi: benzer başlıklar için;
bkz: Javascript/HTML ile parolayı göster gizle butonu yapımı
bkz: Javascript'te ID değerinden HTML etiketi bulmak (DOM)
bkz: HTML'de select için placeholder eklemek
bkz: HTML'de CSS ile yazı seçimini iptal etmek
bkz: HTML5'te Spellcheck Özelliğini Kullanmak
bkz: HTML'de contenteditable nedir ve nasıl kullanılır?