HTML5 aralık girişindeki yön nasıl tersine çevrilir?

HTML5'te bir kaydırma çubuğuna sahip olmak için aralık girişini kullanabiliriz.HTML5 aralık girişindeki yön nasıl tersine çevrilir?

<input type="range" min="0" max='5' value="0" step="1" >

Varsayılan davranış, sol tarafta minimum değer ve sağ taraftaki maksimum değer olmalıdır. Maksimum değeri sol tarafa koymamın bir yolu var mı?

Bunu Javascript ile yapabileceğimi biliyorum. Bunu tek başına HTML ile yapmanın bir yolu var mı?

Cevap "Mümkün yinelenen soru" için: javascript çözümü kabul soru ve HTML sadece çözüm için soruyorum

. Sanırım bu bir çoğaltma değil mi?/Jquery kodu yalnızca

PS javascript:

#reversedRange { 
    direction: rtl 
}

altına bakınız örnek kod
CSS üzerinde sola doğru olmak girişi yönü belirleyen: Bu hile yapabilir

kaynak

2016-10-27 cytsunny

Olası kopyalar http://stackoverflow.com/questions/27794439/html5-input-type-range- from-pozitif-to-negative) – Brad

Bu kabul edilen bir cevap değil, ama burada bir CSS çözümü var: http://stackoverflow.com/a/27794806/362536 – Brad

Değişen değerleri göstermek ve gerekli değildir. Sadece CSS ve

Güncelleme input elemana id özellik: @ MCTaylor17 (teşekkürler) tarafından açıklamalara dayanarak

$(function() { 
 
    $("#rangeValue").text($("#reversedRange").val()); 
 
    
 
    $("#reversedRange").on('change input', function() { 
 
    $("#rangeValue").text($(this).val()); 
 
    }); 
 
});

#reversedRange { 
 
    direction: rtl 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
Max<input type="range" min="0" max='5' value="0" step="1" id="reversedRange">Min 
 
<div>value: <span id="rangeValue"></span> 
 
</div>

kaynak

2016-10-27 04:08:17 ochi

Yön: rtl özelliği için hoş bir özellik. Saf HTML değil, ama en azından javascript çözümünden daha iyi. Ve en azından inline tarzı koymak için yeterince kısa. – cytsunny

Güzel numara. FYI, olaylara "girdi" eklerseniz (ör. '.on (" girişi değiştir ")) gerçek zamanlı olarak güncellenir. – MCTaylor17

@ MCTaylor17 Teşekkürler, cevabımı güncelledim – ochi

Bu sadece CSS ile yapmak olduğunu ve saf JavaScript. Umarım bu snippet size yardımcı olacaktır.

CSS & HTML

input{ 
 
    -webkit-transform: rotateY(180deg); 
 
    -moz-transform: rotateY(180deg); 
 
    -ms-transform: rotateY(180deg); 
 
    -o-transform: rotateY(180deg); 
 
    transform: rotateY(180deg); 
 
}

Max<input type="range" min="0" max='5' value="0" step="1" onmousemove="document.getElementById('Range_Value').innerHTML=this.value">Min 
 

 
<h3>Value: <span id="Range_Value">0</span></h3>

([pozitiften negatife HTML5 giriş tipi aralığının] arasında

kaynak

2016-10-27 04:29:09

HTML5 aralık girişindeki yön nasıl tersine çevrilir?

cevap

İlgili konular