★HTML Living Standard リファレンス

<input type=time> …… 時刻の入力欄を表す

<input type=time>は、時刻の入力欄を表す際に使用します。

input要素のtype属性の値に time を指定すると、
要素の値は特定の時刻を表す文字列を表します。

■属性

■使用例

以下のサンプルでは、input要素のtype=timeを使用して
時刻の入力欄を作成しています。
また、min属性とmax属性を使用して
入力値を21時～6時の間に制限しています。

<input name="sleepStart" type=time min="21:00" max="06:00" step="60" value="00:00">

■使用例

以下のサンプルは、ピザ注文画面を想定しています。
input type=timeで時刻の入力欄を作成して、
step属性で15分（900秒）単位で時間帯を選択できるように指定しています。
（step属性を完全にサポートしているブラウザでは、
15分単位で入力できるインターフェースが表示されるかもしれません。）

<form>
 <p><label>お名前: <input></label></p>
 <p><label>電話番号: <input type=tel></label></p>
 <p><label>メール: <input type=email></label></p>
 <fieldset>
  <legend>ピザのサイズ</legend>
  <p><label><input type=radio name=size> Small </label></p>
  <p><label><input type=radio name=size> Medium </label></p>
  <p><label><input type=radio name=size> Large </label></p>
 </fieldset>
 <fieldset>
  <legend>ピザのトッピング</legend>
  <p><label><input type=checkbox>ベーコン</label></p>
  <p><label><input type=checkbox>チーズ</label></p>
  <p><label><input type=checkbox>オニオン</label></p>
  <p><label><input type=checkbox>マッシュルーム</label></p>
 </fieldset>
 <p><label>希望配達時間帯: <input type=time min="11:00" max="21:00" step="900"></label></p>
</form>

input要素の終了タグについて

HTMLの仕様では、input要素には終了タグ</input>はありません。

■関連項目