ホームページ  >  記事  >  ウェブフロントエンド  >  html5時間制御の値は何ですか

html5時間制御の値は何ですか

青灯夜游
青灯夜游オリジナル
2022-01-17 14:55:042551ブラウズ

html5 時間コントロールには 6 つの値があります: 1. 日付コントロールを定義する「date」、2. 時間コントロールを定義する「time」、3. 「datetime-local」、日付と時刻のコントロールを定義します; 4. "month"、月のコントロールを定義します; 5. "week"、週のコントロールを定義します; 6. "datetime"。

html5時間制御の値は何ですか

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

HTML5 では、日付に関連するいくつかの新しいコントロールが定義されています。日付コントロールをサポートするブラウザでは、ユーザーが選択できる便利なドロップダウン カレンダーが提供されます。
注: 現在、ドロップダウン カレンダーのサポートを提供しているのは Chrome と Opera のみです。他のブラウザーは依然として通常のテキスト ボックスです。

1. 日付コントロール - 日付

html5時間制御の値は何ですか

<input type="date" value="2021-01-17"/>

2. 時間コントロール - 時間

html5時間制御の値は何ですか

2-html5時間制御の値は何ですか

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

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

html5時間制御の値は何ですか

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

4. 月のコントロール - month

html5時間制御の値は何ですか

<input type="month" value="2021-01"/>

5. 週のコントロール - Week

html5時間制御の値は何ですか#

<input type="week" value="2022-W02"/>

6. 日付と時刻のコントロール -- datetime

html5時間制御の値は何ですか

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

注: 日付と時刻のコントロールmin および max 属性もサポートされており、設定できる最小時間と最大時間を表します

html5時間制御の値は何ですか

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

関連する推奨事項: 「

html ビデオ チュートリアル

以上がhtml5時間制御の値は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。