Kayıtlar

Ekim, 2021 tarihine ait yayınlar gösteriliyor

HTML Range Elemanından Nasıl Veri Alınır?

Resim
HTML Range elemanı kullanımı için basit bir örnek HTML Range elemanı aslında input nesnesinin bir özelliğidir. input nesnesinin type özelliğini range olarak ayarkayarak onu bir aralık seçiciye çevirebilirsiniz. bu işlemi yaptıktan sonra input nesnesi bir range elemanı şeklinde sayfada görüntülenir. Kullanıcı mouse ile üzerine gelip çizgi üstünde ileri gerei kaydırarak belirlediğiniz aralıkta istediği değeri ayarllar. Size kalan tek şey range elemanından değerleri javascipt ile almak. Range elemanında değerler nasıl alınır? Fare sürükledikçe değerlerin değiştirilmeri/güncellenmesi nasıl sağlanır? Örnek kodlama aşağıdaki gibidir <form>   <label for="vol">0 ile 50 arası bir değer belirleyin:</label><br/><br/>   0  <input type="range" id="vol" name="vol" min="0" max="50"> 50 </form> Range elemanının değerini bu kutucuğa yazdıralım.<br/><br/> <div style="height:30px;di