ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLのステップで入力タイプフィールドを使用するにはどうすればよいですか?

HTMLのステップで入力タイプフィールドを使用するにはどうすればよいですか?

WBOY
WBOY転載
2023-09-05 23:49:061047ブラウズ

HTMLのステップで入力タイプフィールドを使用するにはどうすればよいですか?

この記事では、HTML のステップを持つ入力タイプのフィールドを使用します。

step 属性を使用して、 要素内の数値間の間隔を指定します。たとえば、ステップ = "2" の場合、数値は -4、-2、0、2、4 などになります。

ステップ サイズは、入力フィールドの上下微調整ボタンをクリックし、スライダーを一定の範囲内で左右に移動するときのステップ間隔を設定します。ステップが明示的に含まれていない場合、数値のデフォルト値は 1 に設定され、日付/時刻入力タイプのデフォルト値は単位タイプのデフォルト値 1 に設定されます。

数値入力のデフォルトのステップ値は 1 で、ステップベースが整数でない限り、整数のみが許可されます。時間のデフォルトのステップ値は 1 秒です。

step 属性を max 属性と min 属性とともに使用して、入力フィールドに値の範囲を作成することもできます。

###文法###

以下は、HTML で入力フィールドとステップを使用するための構文です。

リーリー ###例###

以下は、HTML の入力フィールドとステップを使用したサンプル プログラムです -

リーリー

上記のプログラム例では step=5 を使用しました。 -10、-5、0、5、10、15…………に移動します。等

###例###

これは、HTML の入力フィールドとステップを使用した別のプログラム例です -

リーリー

上記のサンプルプログラムではstep=10と入力しました。これにより、10、20、30、40、50、60…………に移動します。等

範囲を含む入力フィールドでのステップの使用

これらの手順は、範囲が制限された入力フィールドにも使用できます。したがって、最大プロパティと最小プロパティも宣言する必要があります。

###文法###

以下は、step 属性と max 属性と min 属性を使用して入力フィールドに値の範囲を作成するための構文です。

リーリー ###例###

次のプログラム例では、step 属性と max 属性と min 属性を使用して、入力フィールドに値の範囲を作成します。

リーリー

上記のプログラム例では step=3 を使用しました。これにより、0、3、6、9…………に移動します。同様に最大 30 まで続きます (max=30 と指定したため)。

ご覧のとおり、値は入力フィールドに指定された最小値よりも前にはなりません。

ご覧のとおり、値は入力フィールドに指定された最大値を超えることはありません。

以上がHTMLのステップで入力タイプフィールドを使用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。