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

HTMLでstep属性を使用するにはどうすればよいですか？

HTML入力タイプのstep属性は、有効な数値間隔を設定します。ステップは、0、4、8、12、16などの数値ステップです。step属性をmax属性およびmin属性と一緒に使用して、有効な値の範囲を作成できます。

HTMLでstep属性を使用するにはどうすればよいですか？

例

次のコードを実行して、inputstep属性を持つ数値のステップを作成してみてください。ここでは、ステップ4を作成しているため、有効な入力は4、8、12、16などになります。それ以外の数値を入力して送信ボタンを押すと、「有効な値を入力してください」というメッセージが表示されます。 。また、最も近い2つの値も通知されます。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML input step attribute</title>
   </head>
   <body>
     <form action = "/cgi-bin/hello_get.cgi" method = "get">
        <input type = "number" name = "points" step = "4"><br>
        <input type = "submit" value = "Submit">
     </form>
   </body>
</html>

  1. HTMLでリスト属性を使用するにはどうすればよいですか？

    HTMLでは、要素を使用して、事前定義されたオプションのリストを指定します。このリストは入力要素用です。 list属性は、この要素を参照します。 HTML5はリスト属性を導入しました。 list属性は、要素の事前定義されたオプションを含む要素を参照します。 例 次のコードを実行して、HTMLでlist属性を使用する方法を学ぶことができます。 <!DOCTYPE html> <html>    <head>       <title>HTML list attribute</titl

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

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