html5には日付テキストボックスはありますか?

html5 には日付テキスト ボックスがあります。通常の入力を変換するには、入力テキスト ボックスに type 属性を追加し、属性値を date、time、datetime-local、month、week、または datetime に設定するだけです。ボックスを日付テキストボックスに入力します。

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

html5 には日付テキスト ボックスがあります。

HTML5 は、日付に関連するいくつかの新しいコントロールを定義します。日付コントロールをサポートするブラウザでは、ユーザーが選択できる便利なドロップダウン カレンダーが提供されます。

入力テキスト ボックスに type 属性を追加し、属性値を date、time、datetime-local、month、week、または datetime に設定するだけです。

1. 日付制御 - date

<input type="date" value=""/>

##2. 時間制御 - time

<input type="time" value="13:59"/>
<input type="time" value="13:59:59"/>

#3. 日付と時刻の制御 - datetime-local

<input type="datetime-local" value=""/>

4. 月管理 - 月

<input type="month" value=""/>

5. 週管理 -週

<input type="week" value=""/>

##6. 日付と時刻の制御--datetime

<input type="datetime" value="2022-01-17T13:59:59"/>

注: 日付と時刻のコントロールは、設定できる最小時間と最大時間を示す min 属性と max 属性もサポートしています。

<input type="date" value="2022-03-17" min="2022-03-16" max="2022-03-26"/>

# #[関連する推奨事項:

html ビデオ チュートリアル 、Web フロントエンド ]

以上がhtml5には日付テキストボックスはありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。