私たちはカジノサイトを独自にレビューしています。当社のリンクを通じてサインアップすると、追加料金なしで当社に手数料が発生する場合があります。
<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>
HTMLの仕様では、input要素には終了タグ</input>はありません。