Yükleniyor...

Html Form Slider Nasıl Oluşturulur?


Form içerisinde <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.

<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.