CodeLab
Show Output
 
xxxxxxxxxx
19
 
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
<title>HTML5 Range Input Type</title>
5
<script>
6
    function getValue() {
7
        var number = document.getElementById("mynumber").value;
8
        alert(number);
9
    }
10
</script>
11
</head>
12
<body>
13
    <form>
14
        <label for="mynumber">Select a Number:</label>
15
        <input type="range" min="1" max="10" step="0.5" id="mynumber">    
16
        <button type="button" onclick="getValue();">Get Value</button>
17
    </form>
18
</body>
19
</html>
 

在微博、微信、公众号、小程序分享此示例。 如果您觉得有帮助,请给我们一个赞。