HTML5 Range Slider

Question

The following HTML5 code works in Chrome and Firefox but not in 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 />

The problem in IE 11 is that the label is always 0 when the slider is moved.

Does anyone have any ideas?

Answer 1

I would use something like this:

function updateInput(val) {
      document.getElementById('textInput').innerHTML=val; 
    }

<input type="range" name="rangeInput" min="0" max="100" onchange="updateInput(this.value);">                                                       
    <p id="textInput"></p>