数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济
心理学
社会研究
时尚研究
法律研究HTML DOM Input 范围 value 属性
HTML DOM Input range value 属性与具有 type=”range”和 value 属性的 input 元素相关联。它的用途是返回滑动条控件 value 属性的值或对其进行设置。value 属性可以是默认值或者通过拖动滑动条设置的值。
语法
以下是语法：
设置 value 属性——
rangeObject.value = text;
此处，使用 text 来指定范围滑动条控件的值。
示例
我们来看一个 input 范围 value 属性的示例：——
<!DOCTYPE html>
<html>
<body>
<h1>Input range Value property</h1>
<form>
VOLUME <input type="range" id="RANGE1" name="VOL">
</form>
<p>Get the above element value by clicking the below button</p>
<button onclick="getValue()">Get Value</button>
<p id="Sample"></p>
<script>
function getValue() {
var t = document.getElementById("RANGE1").value;
document.getElementById("Sample").innerHTML = "The value for the radio button is : "+t;
}
</script>
</body>
</html>输出
将产生以下输出——
点击“获取值”按钮后——
在上面的示例中——
我们创建了一个输入字段，包含在具有 type=”range”，id=”RANGE1”，name=”VOL”的表单中——
<form> VOLUME <input type="range" id="RANGE1" name="VOL"> <form>
然后，我们创建了一个按钮“获取值”，当用户点击时，该按钮将执行 getValue() 方法——
<button type="button" onclick="getValue()">Get Value</button>
getValue() 方法使用 getElementById() 方法获取输入元素并将其“value”属性值分配给变量 t。然后，使用其 innerHTML 属性将此变量显示在具有 id “Sample”的段落中——
function getValue() {
var t = document.getElementById(“RANGE1").value;
document.getElementById("Sample").innerHTML = "The value for the input field is : "+t;
}
更新于： 2019 年 8 月 22 日
776 次浏览
广告