ホームページ >ウェブフロントエンド >フロントエンドQ&A >html5には日付テキストボックスはありますか?

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

青灯夜游
青灯夜游オリジナル
2022-03-11 17:01:332411ブラウズ

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

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

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

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

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

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

1. 日付制御 - date

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

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

##2. 時間制御 - time

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

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

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

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

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

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

4. 月管理 - 月

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

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

5. 週管理 -週

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

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

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

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

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

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

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

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

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

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

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

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