HTMLで入力型フィールドと日付フィールドを使用するにはどうすればよいですか?

この記事では、HTML で日付フィールドを持つ入力型フィールドを使用します。

要素で type="date" を使用して、ユーザーが日付を入力できる入力フィールドを作成します。テキスト ボックスを使用して入力を検証することも、特別な日付ピッカー インターフェイスを使用することもできます。

値には年、月、日が含まれます。

＃＃＃文法＃＃＃

以下は、HTML で入力タイプ フィールドと日付フィールドを使用するための構文です。

リーリー ＃＃＃例＃＃＃

以下は、HTML の入力型フィールドと日付フィールドを使用したサンプル プログラムです。

リーリー

これで、日付ピッカーから日付を選択できるようになりました。

入力フィールドに範囲を指定して日付を追加します

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

＃＃＃文法＃＃＃

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

リーリー ＃＃＃例＃＃＃

以下は、max 属性と min 属性、および date 属性を使用して入力フィールド範囲を作成するサンプル プログラムです。

リーリー

日付ピッカーの他の値がすべて無効になっていることがわかります。そして、上の例で指定した範囲を作成します。

上記のサンプルプログラムでは、min="2022-06-01"、max="2022-07-30"と設定しています。したがって、日付ピッカーは最小範囲と最大範囲から日付を選択できます。

日付属性を必須フィールドとして使用する

入力フィールドの必須属性を使用して、日付を強制的に入力することもできます。空の日付フィールドを送信しようとすると、エラーが表示されます。

＃＃＃文法＃＃＃

次の構文は、入力フィールドの必須属性を使用して日付を強制的に入力します。

リーリー ＃＃＃例＃＃＃

次の例では、入力フィールドの必須属性を使用して日付を強制的に入力します。 リーリー

入力フィールドに空の日付を送信しようとすると、エラー メッセージが表示されます。

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