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

HTMLDOM入力範囲タイププロパティ

HTML DOM入力範囲typeプロパティは、type =” range”を持つinput要素に関連付けられています。入力範囲要素の範囲を常に返します。

構文

範囲タイププロパティの構文は次のとおりです-

rangeObject.type

例

範囲タイププロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>Input range type Property</h1>
<form>
VOLUME <input type="range" id="RANGE1" name="VOL">
</form>
<p>Get the above input element type by clicking the below button</p>
<button type="button" onclick="rangeType()">GET Type</button>
<p id="Sample"></p>
<script>
   function rangeType() {
      var P=document.getElementById("RANGE1").type;
      document.getElementById("Sample").innerHTML = "The type for the input field is: "+P ;
   }
</script>
</body>
</html>

出力

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

HTMLDOM入力範囲タイププロパティ

GETTypeメソッドをクリックすると-

HTMLDOM入力範囲タイププロパティ

上記の例では-

type =“ range”、id =“ RANGE1”、name =“ VOL” −

を持つフォーム内に含まれる入力フィールドを作成しました 
<form>
VOLUME <input type="range" id="RANGE1" name="VOL">
<form>

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

<button type="button" onclick="rangeType()">Get Type</button>

rangeType（）メソッドは、getElementById（）メソッドを使用して入力要素を取得し、そのタイプ属性値を変数Pに割り当てます。この変数は、innerHTMLプロパティ-

を使用してIDが「Sample」の段落に表示されます。 
function rangeType() {
   var P = document.getElementById(“RANGE1").type;
   document.getElementById("Sample").innerHTML = "The type for the input field is : "+P;
}
>
  1. HTMLDOM入力範囲のオートフォーカスプロパティ

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

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

    HTML DOM入力範囲typeプロパティは、type =” range”を持つinput要素に関連付けられています。入力範囲要素の範囲を常に返します。 構文 範囲タイププロパティの構文は次のとおりです- rangeObject.type 例 範囲タイププロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input range type Property</h1> <form> VOLUME <input type="range" id=&qu