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

HTMLで範囲入力タイプを使用するにはどうすればよいですか？

は、値の範囲を追加するためのものです。番号の範囲に制限を設定することもできます。制限については、min、max、step属性などの属性を使用してください。デフォルトの範囲は0〜100です。

HTMLで範囲入力タイプを使用するにはどうすればよいですか？

例

次のコードを実行して、HTMLで範囲入力タイプを使用する方法を学ぶことができます。範囲はスライダーとして表示されます-

<!DOCTYPE html>
<html>
<head>
<title>HTML input range</title>
</head>
<body>
<form action = "" method = "get">
Let us know where the installation of the software stopped :<br><br>
<input type = "range" name = "point" min = "0" max = "50"><br>
<input type = "submit" value = "Submit">
</form>
</body>
</html>

  1. HTMLの1つの範囲入力で異なるステップ属性を使用するにはどうすればよいですか？

    HTML入力タイプのstep属性は、有効な数値間隔を設定します。ステップは、0、2、4、6、8、10などの数値ステップです。step属性をmax属性およびmin属性と一緒に使用して、有効な値の範囲を作成できます。 HTMLの1つの範囲入力で異なるステップ属性を使用するには、JavaScriptを使用します。まず、ステップ属性の使用方法を見てみましょう。 次のコードを実行して、inputstep属性を使用して数値のステップを作成してみてください。ここでは、ステップ2を作成しているため、有効な入力は2、4、6、8、10などになります。それ以外の番号を入力して送信ボタンを押すと、次のメッセー

  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