HTML5の時間入力タイプでは、ユーザーが時間を入力できます。時間と分の両方が収集され、それがa.m.またはp.m.であるかどうかが収集されます。タイムゾーンの選択はありません。いくつかのブラウザは、実際に時計または他の日付制御入力装置を表示して、ユーザが時間をより簡単に提出できるようにする。
時間入力タイプの使用方法
JSFiddleのライブWebページでHTMLコードがどのように見えるかを見ることができます。式はフォームでラップすることができ、指示のためにテキストを追加することができます。これらの例に示すように、月、日、年を選択することもできます。
Webブラウザのサポート
時間入力のサポートは、Chrome、Safari、Opera、Firefox、Internet ExplorerなどのすべてのWebブラウザに分散しています。いくつかのブラウザでは、通常のテキストボックスが表示され、時間を入力してa.m.とp.m.を切り替える必要があります。他のものには日付セレクタが含まれているか、何も表示されません。
これは実際には、まだこのHTML5フォームタイプをサポートしていないブラウザにとって重要かつ有用な代替手段です。この入力をWebフォームで使用すると、それをサポートするブラウザからより良いデータを収集できます。この入力タイプをサポートしていないブラウザは、基本的には基本的に標準フィールドと同じになります。これは、時間フィールドがなくても使用していたものです。
このフィールドで収集されたデータが特定の日付基準に準拠する必要がある場合は、この入力タイプを使用して、スクリプトまたはCGIを使用して内容が時間であることを検証できます。これは、古いブラウザの基礎と、テキスト入力型に戻っていく方法についても説明します。
入力時間属性
時間入力タイプでは、次のパラメータを使用できます。
- オートコンプリート
- リスト
- 最大
- 分
- 読み取り専用
- 必須
- ステップ
- valueAsNumber
- selectedOption
- 降圧（）
- stepUp（）
