資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會研究
時尚研究
法律研究HTML DOM 輸入範圍 name 屬性
HTML DOM Input range name 屬性用於設定或返回輸入範圍欄位的 name 屬性。name 屬性有助於在將表單資料提交到伺服器後識別資料。JavaScript 還可以使用 name 屬性引用表單元素以供以後操作。
語法
以下為語法 −
設定 name 屬性 −
rangeObject.name = name
示例
此處，name 用於指定範圍滑塊控制元件的名稱。
讓我們看一個 range name 屬性的示例 −
<!DOCTYPE html>
<html>
<body>
<h1>Input range name Property</h1>
<form>
VOLUME <input type="range" id="RANGE1" name="VOL">
</form>
<p>Change the name of the above range control by clicking the below button</p>
<button type="button" onclick="changeName()">CHANGE NAME</button>
<p id="Sample"></p>
<script>
function changeName() {
document.getElementById("RANGE1").name ="VOLUME" ;
document.getElementById("Sample").innerHTML = "Range control name is now VOLUME";
}
</script>
</body>
</html>輸出
此操作將生成以下輸出 −
單擊 CHANGE NAME 按鈕 −
在以上示例中 −
我們已經建立了一個輸入欄位，包含在 type=“range”，id=“RANGE1”、name=“VOL” 的表單中 −
<form> VOLUME <input type="range" id="RANGE1" name="VOL"> <form>
然後我們建立了一個按鈕 CHANGE NAME，在使用者單擊它時將執行 changeName() 方法 −
<button type="button" onclick="changeName()">CHANGE NAME</button>
changeName() 方法使用 getElementById() 方法獲取類型範圍的輸入欄位，並將它的 name 屬性值設定為 “VOLUME”。然後，此更改會反映在 id 為 “Sample” 的段落中，並使用它的 innerHTML 屬性顯示期望的文字 −
function changeName() {
document.getElementById("RANGE1").name ="VOLUME" ;
document.getElementById("Sample").innerHTML = "Range control name is now VOLUME";
}
更新於： 22-8 月-2019
70 次瀏覽
廣告