HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLDOM入力範囲フォームプロパティ

HTML DOM入力範囲フォームプロパティは、指定された入力範囲スライダーを含むフォーム参照を返すために使用されます。範囲スライダーがフォームの外にある場合は、単にNULLを返します。このプロパティは読み取り専用です。

構文

以下は、入力範囲フォームプロパティの構文です。

rangeObject.form

例

入力範囲フォームプロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>Input range form Property</h1>
<form id="FORM1">
<input type="range" id="RANGE1" name="VOL">
</form>
<p>Get the form id which contains the above range slider clicking on the below button</p>
<button type="button" onclick="formId()">GET FORM</button>
<p id="Sample"></p>
<script>
   function formId() {
      var P=document.getElementById("RANGE1").form.id;
      document.getElementById("Sample").innerHTML = "The id of the form containing the range slider is: "+P ;
}
</script>
</body>
</html>

出力

これにより、次の出力が生成されます-

HTMLDOM入力範囲フォームプロパティ

GETFORMボタンをクリックすると-

HTMLDOM入力範囲フォームプロパティ

上記の例では-

type =“ range”、id =“ RANGE1”、name =“ VOL”を持つフォーム内に含まれる入力フィールドを作成しました。フォームのid属性は「FORM1」に設定されています-

<form id=”FORM1”>
<input type="range" id="RANGE1" name="VOL">
</form>

次に、ユーザーがクリックしたときにformId（）メソッドを実行するボタンGETFORMを作成しました-

<button type="button" onclick="formId()">GET FORM</button>

formId（）メソッドは、getElementById（）メソッドを使用して、範囲タイプの入力フィールドを取得し、範囲スライダーを含むフォームオブジェクトのidプロパティを取得します。次に、この値を変数Pに割り当て、innerHTMLプロパティ-

を使用して、IDが「Sample」の段落に表示します。 
function formId() {
   var P=document.getElementById("RANGE1").form.id;
   document.getElementById("Sample").innerHTML = "The id of the form containing the range slider is: "+P ;
}

  1. HTMLDOM入力範囲のオートフォーカスプロパティ

    HTML DOM入力範囲のautofocusプロパティは、HTMLの要素のautofocus属性に関連付けられています。このプロパティは、ページが読み込まれたときに入力範囲スライダーが自動的にフォーカスされるかどうかを設定または返すために使用されます。 構文 以下は、-の構文です。 オートフォーカスプロパティの設定- rangeObject.autofocus = true|false ここで、trueは範囲スライダーがフォーカスを取得する必要があることを表し、falseはそうでないことを表します。デフォルトではfalseに設定されています。 例 入力範囲のオートフォーカスプロパティの

  2. HTMLDOM入力範囲値プロパティ

    HTML DOM入力範囲valueプロパティは、type =” range”を持つinput要素とvalue属性に関連付けられています。スライダー制御値属性の値を返す、または設定するために使用します。 value属性は、デフォルト値またはスライダーをドラッグして設定された値にすることができます。 構文 以下は、-の構文です。 値プロパティの設定- rangeObject.value = text; ここでは、テキストは範囲スライダーコントロールの値を指定するために使用されます。 例 入力範囲値プロパティの例を見てみましょう- <!DOCTYPE html> <