Yükleniyor...

Html Formda Kaydırmalı Sayısal Alan Girmek?


Form içerisinde Örnek olarak <input type="range" id="slider" name="slider" value="50"> şeklinde bir tanımlama yapılır.

Slider ı hareket ettirdikçe value değeri değişecektir.

Varsayılan olarak 0 ile 100 arasındadır.

min değeri ile kaçtan başlayacağını belirttik. Bu örnekte 100 den başlamasını,

max değeri ile kaça kadar çıkacağını belirttik. Bu örnekte 1000 e kadar çıkmasını istedik.

step değeri ile kaçar kaçar ilerleyeceğini belirttik.

value değeri ile form açılışında 500 ile başlamasını istedik.

<output name="sonuc" for="slider"> </output> içerisinde değerini okuyabiliriz. 

formu tanımlarken <form oninput="sonuc.value=parseInt(slider.value)"> şeklinde tanımladık. 

Bu sayede sliderın değerini de okuyabildik.