HTMLDOM入力範囲名プロパティ
HTML DOM入力範囲名プロパティは、入力範囲フィールドの名前属性を設定または返すために使用されます。 name属性は、サーバーに送信された後のフォームデータを識別するのに役立ちます。 JavaScriptは、name属性を使用して、後で操作するためのフォーム要素を参照することもできます。
構文
以下は、-
の構文です。名前プロパティの設定-
rangeObject.name = name
例
ここで、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> 出力
これにより、次の出力が生成されます-
[名前の変更]ボタンをクリックすると-
上記の例では-
type =“ range”、id =“ RANGE1”、name =“ VOL” −
を持つフォーム内に含まれる入力フィールドを作成しました<form> VOLUME <input type="range" id="RANGE1" name="VOL"> <form>
次に、ユーザーがクリックしたときにchangeName（）メソッドを実行するボタンCHANGENAMEを作成しました-
<button type="button" onclick="changeName()">CHANGE NAME</button>
changeName（）メソッドは、getElementById（）メソッドを使用して、タイプ範囲の入力フィールドを取得し、その名前属性値を「VOLUME」に設定します。この変更は、IDが「Sample」の段落に反映され、innerHTMLプロパティを使用して表示されます。意図したテキスト-
function changeName() {
document.getElementById("RANGE1").name ="VOLUME" ;
document.getElementById("Sample").innerHTML = "Range control name is now VOLUME";
} -
HTMLDOM入力範囲フォームプロパティ
HTML DOM入力範囲フォームプロパティは、指定された入力範囲スライダーを含むフォーム参照を返すために使用されます。範囲スライダーがフォームの外にある場合は、単にNULLを返します。このプロパティは読み取り専用です。 構文 以下は、入力範囲フォームプロパティの構文です。 rangeObject.form 例 入力範囲フォームプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input range form Property</h1> <form id="FORM
-
HTMLDOM入力範囲無効プロパティ
HTML DOM入力範囲無効プロパティは、範囲スライダーを無効にするかどうかを設定または返すために使用されます。ブール値を使用します。trueは範囲スライダーを無効にする必要があり、それ以外の場合はfalseを表します。デフォルトでは、disabledプロパティはfalseに設定されています。ただし、無効になっている要素はデフォルトでグレー表示され、クリックできません。 構文 以下は、-の構文です。 無効なプロパティの設定- rangeObject.disabled = true|false; ここで、true =範囲スライダーは無効であり、false=範囲スライダーは無効ではありません