HTML5范围滑块

时间:2014-10-30 12:39:54

标签: html html5

以下HTML5代码适用于Chrome和Firefox,但不适用于Internet Explorer 11

<input type=range min=0 max=200 value=0 id=fader step=1 onchange="outputFirstUpdate(value)" />
<label>£<output for=fader id=FirstAmount>0</output></label><br />

IE 11中的问题是移动滑块时标签始终为0。

有没有人有任何想法?

1 个答案:

答案 0 :(得分:2)

我会用这样的东西:

&#13;
&#13;
function updateInput(val) {
      document.getElementById('textInput').innerHTML=val; 
    }
&#13;
<input type="range" name="rangeInput" min="0" max="100" onchange="updateInput(this.value);">                                                       
    <p id="textInput"></p>
&#13;
&#13;
&#13;