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