summaryrefslogtreecommitdiff
path: root/devdocs/html/element%2Finput%2Ftime.html
blob: 9a0c10a64d4e84e878903b00769e53ee90110183 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
<header><h1>&lt;input type="time"&gt;</h1></header><div class="section-content">
<p><a href="../input"><code>&lt;input&gt;</code></a> elements of type <code>time</code> create input fields designed to let the user easily enter a time (hours and minutes, and optionally seconds).</p> <p>The control's user interface varies from browser to browser; see <a href="#browser_compatibility">Browser compatibility</a> for further details. In unsupported browsers, the control degrades gracefully to <a href="text"><code>&lt;input type="text"&gt;</code></a>.</p>
</div>
<h2 id="try_it">Try it</h2>
<div class="section-content"><iframe class="interactive is-tabbed-standard-height" height="200" src="https://interactive-examples.mdn.mozilla.net/pages/tabbed/input-time.html" title="MDN Web Docs Interactive Example" loading="lazy"></iframe></div>
<h2 id="appearance">Appearance</h2>

<h3 id="chrome_and_opera">Chrome and Opera</h3>
<div class="section-content">
<p>In Chrome/Opera the <code>time</code> control is simple, with slots to enter hours and minutes in 12 or 24-hour format depending on operating system locale, and up and down arrows to increment and decrement the currently selected component. In some versions, an "X" button is provided to clear the control's value.</p> <p> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAAA+CAMAAAC802HEAAABgFBMVEX////n//+DAAAvLy+/v7+Ex/8AVaV2dnYAAADnplL//8ZfX1//x4QAAFHPz8/v7+8/Pz9PT09vb29TAADw//////cAABil4/8aAADM/////+H/46UAACH/5K0AAIQbGxtjJAC/eRBSpud/f3/e///n+/85AAClVAD//86t6f9psO0YSIyh3P80jsz/87kHMooSYKv5wHvy06sYLESJy/3/+uddir3//++HTRjD6f8AabX/6rtoAAC4iVL669T/36X/2pnMhyAAHE8hVZwhYa3W///f399jqt4pQWP/z5C9jmOEqs5jfKFrNAAAADkAGIRzptbC4fdCGADWpnO1aQBapt4AAFqlXRgAAGujo5KpdT3eplrO8f/WpFKMz//ztm8NgsZ7GE6MMACEGEuEYTmAgICUcZw5gsZ7vvfv371KGBj/796l07UAOGvevoQpGAA5JAAAJDnGgjn3x4RKLBiEGADGlkJKABh7eVJCcaVaGAClllIYADlKmt7e/8aEw8Z+lsbAAAACwElEQVRo3u2Z6VfaQBTFpyToY5EtgEEURBARZHO3rtjVtlrX1l3pvu/75r/emSREChmPoLbY8+4HMsA7ye/cvLkzOSEEhUKhUCgU6rTU3FA6Bm+D2YfACIzACIzAf08O0XGOgEU3MLnF8wHstAEInqhHALA56wIeWfkAb4e72bD/gey/ftNrUDx0Y7npQunLlgzmqgoLc23g1hghbT1+9ndeDhnxCuBSrRVdIDjrAPa9U25QLkaI1aQM01WlzydfA+jA09/CPGCA2T56mvA+PW8EjIBtYDMcHx/4fTy1RMZH/UlCEo+WqMvztwOVpQV4+cJUAm67m/1uCEx/m5qUc16rqTkbIJniFwNgEVzKpFM+iQvEmoF9kZZWeghKF0udEMlqwB2dl2PqaG6426oDb/0YtPCASeJeKGA1HdzfJfncznr1Rd0qoggavrtm4MRHRjq1KYdUTN+rZ2s6QvugXq0DT0s/yVHA2UCHZC6kfZFkvqX6oiCQMmAiQM3AmYl9MjQpA9zpZdMFYCFZKujovHSlCritpynGB57apDMgKJnzqV/FXns1sAM8fwB7wFErcFBKryzD7OIn1hkMGNqvGVWXgHforOIAK0ptM+BMcSPnNQAWIaod1XyIHjbx8R2miDTUCsxh1hL98wu7fOCZz2uED0wzkcbjTNzsi4STxO7nOnw1HN6o02Gryf91m4bxqp4NM/EuPrDmI1WXYQ8z2Vv6yB69YXbg9jBxRsHlqKuHR1bXmbXjE3pKTEsnBm5Vj8BNCWay21NXSpA9OTXGcviJto48HaUGVcRaeUoQbktUAs/FuTmsqZ4cpuuAYthjL7MEyifdYazZNVdLzEcDWzTgoHQmKx3dJryBgUWvxqXsBipj7RSBT76X+De7tYcn2K3hfvi/e+LAh1AERmAEPhvgc/fKAIVCoVAoFArVYPoNWXtXWgBRaWIAAAAASUVORK5CYII=" alt="12-hour Chrome time input" width="176" height="62" loading="lazy"> 12-hour </p> <p> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAAAfCAMAAABDNGobAAABTVBMVEX////29vbr6+v+/v7d3d3T09PNzc3MzMzIyMgAAADx8fHs7Oz9/fzy8PD19PXLy8vj4+Pm5ubX19dYWFj5+fn///fV+v/q6uuGhoba2tr3////6r0AB0p0CwD/+tz/+//3+//428ZSUlJxcXHh4eGW0/eSEQDN7//r/f+Gv+fwxogBDWP//+9LBABxq9pYpdb/8NLstnoAl9L39//38+/d+//V7fvv5+cANoz4zpD/+ecATqXn7feVSgD/9s7N9/8AAzGj2/syC1L/8Mb40pSEcnus0O/Xmknouozn2N4yAgC+iTD/8+/ormKKz/eHh4cBF4yOEjHXrnu87/++ikm/v7/v8P/41q0ACVLO0Of349Zxu+8CGZSuZgDW5/f34q3/8+fWyNbO1Ofv6+dIi70tg73fpnMAdL0BEXN8DQAAaLUAOaXnzqUAMUr26/6az/v7AAABpElEQVRIx+2V11PCQBDGl5DEHAQCCISuKFiwFzoCCvbee+/t/3/1SkR0Ai9mHGbke7jN3s785rvbuwtAWy2vDmP0DWmMsf+FtDn8DtsvkSZelETepGWq0y7bnWoD5BotyOmDb4TbAg3pgpZbJSYr8+g049HstOki9xDKDMD4CEKDX5XhGYTuASLP72iMeZQ+RX06LODudYPFoYf0bO96+jYgdwzZs0Ct4rkOFMslqL5CJeQlE7wkWXiJt0gST1KXDL4eH8guXZd2GO6Lk49EniCj8wusGJzzQjUPlTmKFAlLJWSRpAIonfZOBUf99qxvDWBf5+iUJItokk4+oEeAXLispWTJHHAkMCRTA+ROqJ/Gw6EkCcvdrDgenoVsJvX2lKy55OpcNkOuDvVHU3ByAZdHZIlLaBSPVzcQwciJFyiGSjp72RQZXEEIxSGBtI5P0BYH8QG4wx3HjR/V6zjbS7HhXlJ12bQFd7EwPVUffp5LgXR8E2TBuNvDc/Rccrxxd9yKDya+cS6rgc+GX1BlVfAb+RLJMWVficl/8l4a/+9pq0X1AbcKLBSuBK8aAAAAAElFTkSuQmCC" alt="24-hour Chrome time input" width="82" height="31" loading="lazy"> 24-hour </p>
</div>
<h3 id="firefox">Firefox</h3>
<div class="section-content">
<p>Firefox's <code>time</code> control is very similar to Chrome's, except that it doesn't have the up and down arrows. It also uses a 12- or 24-hour format for inputting times, based on system locale. An "X" button is provided to clear the control's value.</p> <p> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGoAAAAdCAMAAAB12AncAAABSlBMVEX////R0dH//tecnJyzs7PO9/+bm5vMzMyFhYUAAAD/9s/3///W/v9zCgApmNfYnkb39/dICkcABkn///f//t9gBwD/7sIwCUzOjy6NMgD//ucAY7Lou4vJycnv7+dtqNcBEG/su3f39/9cqNcAnNP39+///+9IBy+y0Ov37/cAkM8AT6dMBADr6r+YeHfn7/cAAy/41peRz++Lj5NLrNv/7s/a8++25/Nlk6v/9/dDoNfYly7437/n2N9tsN+IcHf/7+/W9//Ypl7/9+fP1+egSQDXyNeewOdEkL8qiL/gp2//9tel3/egSk/Ih0YwBS/Anm/e/v+pUk/v5+el3/8Acr/4zpfnzqcAL0eQSAAANY8AOKf/9seHh4e4cC4uT19fYG8BDF+YYV/37teet8+gd0e+2Pfox6dPTadObl93eIdPSoeojl9QN5fO65EeAAABiElEQVRIx+2VZ2+DQAyGTQL0DKGh2aMj3dlJm9m999577/X/v/bIai9VSfMhkSrxCmGwz3qwzzoADP0vtTRWDKqxhRio+sSZCTFzNVGhwn1E/pHfmSiYvUQtkEpBmsyqLqodbTMADi+OVuUPLCCuAJiUY0wzAV88dZEKwtPrI2TiS5pHJCWZdVHTMbcAYO/0tFah7IuylBRg6AxcNgvzDduYf8DhjNMPHhymjg5COJ4QnqNWt4GmNkEz1jJqfCpYDrncFhiKwLmbQdEMC3jCPsWW9d5YikXxwNPrq6y/oazYV3paxQPaLiVZcZQzBnN33rT09v6Sv9VytdbxoJEIqQsFE5UBWVP24fA0exTYYVHRq+t7WXqOYW63LpQ0WECNhStzMlmwc/PgUNah2w+STWBQ0pb2Ln3IIfuGwDZQ1EPNImIXmJyIgeKOdGNvcaOiiMt0Nk+0OFMUXUuXXKIfNjEi1zEWv6u/57vRUWXYxYafFmqJJarNOJgoTOSMk71BqOb98A0ZYvQJ5jEplHbUN44AAAAASUVORK5CYII=" alt="12-hour Firefox time input" width="106" height="29" loading="lazy"> 12-hour </p> <p> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAdCAMAAAAKCRstAAAAe1BMVEX//////9P39/f//6vT///v7+/n5+er///f39//04PX19fPz8/Hx8eD0/+/v7//q1m4uLiwsLCoqKigoKBZq/+Xl5fTg1nTgy2Pj4+Dg9OHh4dZg9N/f396enotg9ODWYOrWQBZWasAWatZLYODLQAtLYMALYMAAFkAAABIF80iAAAA+0lEQVR42u2V3Y6CMBCFR8SuPyx0Qbfu7FlX8Y/3f0KHgk6aEL3phYl+CZnkkH7hpAXoTRT+onEVUiReQ5hktszn8YRTRks1GRS6ZuNn0TSnlEI0lVlTzxw96yFhUc9+vVfWFRsK0HR2TMkt+76MlQU4A+xgZRF23ISjw/mDBE2/P4nGO/IsgIosG8PgO0KxdOVUqGkn3He3v9AaJ4YBPHhCF1TWNBRaAGwox2Ph6D/cFU3dUivnrc+UZO8Lt7LE1WFlTcc/dNsUA1jDqBK5BoSuEU6pSPwIhZpu9dhQCTBaeBrnYCcreHgR7dXL1gBX5ok/Dm9h9J/US3IBtgQr+KGwNa0AAAAASUVORK5CYII=" alt="24-hour Firefox time input" width="80" height="29" loading="lazy"> 24-hour </p>
</div>
<h3 id="edge">Edge</h3>
<div class="section-content">
<p>The Edge <code>time</code> control is somewhat more elaborate, opening up an hour and minute picker with sliding reels. It, like Chrome, uses a 12- or 24-hour format for inputting times, based on system locale:</p> <p> <img src="data:image/png;base64,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" alt="12-hour Edge time input" width="545" height="482" loading="lazy"> 12-hour </p> <p> <img src="data:image/png;base64,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" alt="24-hour Edge time input" width="269" height="491" loading="lazy"> 24-hour </p>
</div>
<h2 id="value">Value</h2>
<div class="section-content"><p>A string containing the value of the time entered into the input.</p></div>
<h3 id="setting_the_value_attribute">Setting the value attribute</h3>
<div class="section-content">
<p>You can set a default value for the input by including a valid time in the <a href="../input#value"><code>value</code></a> attribute when creating the <code>&lt;input&gt;</code> element, like so:</p> <div class="code-example">
<p class="example-header"><span class="language-name">html</span></p>
<pre data-signature="jjTPW3xjAisobTy0UG3xpbTNlxVv2yFswk8Q95/zVyU=" data-language="html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>appt-time<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Choose an appointment time: <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>label</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>appt-time<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>time<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>appt-time<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>13:30<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
</pre>
</div>
<div class="code-example" id="sect1">

<iframe class="sample-code-frame" title="Setting the value attribute sample" id="frame_setting_the_value_attribute" width="600" height="60" src="https://live.mdnplay.dev/en-US/docs/Web/HTML/Element/input/time/runner.html?id=setting_the_value_attribute" loading="lazy"></iframe>
</div>
</div>
<h3 id="setting_the_value_using_javascript">Setting the value using JavaScript</h3>
<div class="section-content">
<p>You can also get and set the time value in JavaScript using the <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement"><code>HTMLInputElement</code></a> <code>value</code> property, for example:</p> <div class="code-example">
<p class="example-header"><span class="language-name">js</span></p>
<pre data-signature="JYL/V0gy2L5GQlRwJZrD+jzTdXi7p4L1QHMIybNxwzI=" data-language="js"><span class="token keyword">const</span> timeControl <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">querySelector</span><span class="token punctuation">(</span><span class="token string">'input[type="time"]'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
timeControl<span class="token punctuation">.</span>value <span class="token operator">=</span> <span class="token string">"15:30"</span><span class="token punctuation">;</span>
</pre>
</div>
</div>
<h3 id="time_value_format">Time value format</h3>
<div class="section-content">
<p>The <code>value</code> of the <code>time</code> input is always in 24-hour format that includes leading zeros: <code>hh:mm</code>, regardless of the input format, which is likely to be selected based on the user's locale (or by the user agent). If the time includes seconds (see <a href="#using_the_step_attribute">Using the step attribute</a>), the format is always <code>hh:mm:ss</code>. You can learn more about the format of the time value used by this input type in <a href="../../date_and_time_formats#time_strings">Time strings</a>.</p> <p>In this example, you can see the time input's value by entering a time and seeing how it changes afterward.</p> <p>First, a look at the HTML. This is simple enough, with the label and input as we've seen before, but with the addition of a <a href="../p"><code>&lt;p&gt;</code></a> element with a <a href="../span"><code>&lt;span&gt;</code></a> to display the value of the <code>time</code> input:</p> <div class="code-example">
<p class="example-header"><span class="language-name">html</span></p>
<pre data-signature="dKEIgRn9Z8aPFsTRY7pl9I1FhkHjQKPTGjwLkL3Osxo=" data-language="html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>form</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>startTime<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Start time: <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>label</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>time<span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>startTime<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">&gt;</span></span>
    Value of the <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>code</span><span class="token punctuation">&gt;</span></span>time<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>code</span><span class="token punctuation">&gt;</span></span> input:
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>code</span><span class="token punctuation">&gt;</span></span> "<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>value<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>n/a<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>"<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>code</span><span class="token punctuation">&gt;</span></span>.
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>form</span><span class="token punctuation">&gt;</span></span>
</pre>
</div> <p>The JavaScript code adds code to the time input to watch for the <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event"><code>input</code></a> event, which is triggered every time the contents of an input element change. When this happens, the contents of the <code>&lt;span&gt;</code> are replaced with the new value of the input element.</p> <div class="code-example">
<p class="example-header"><span class="language-name">js</span></p>
<pre data-signature="7zBNoigXKZFEChMaZE6x07qsSD8eI+iTEX3QR/HH6Hs=" data-language="js"><span class="token keyword">const</span> startTime <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">"startTime"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">const</span> valueSpan <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">"value"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

startTime<span class="token punctuation">.</span><span class="token function">addEventListener</span><span class="token punctuation">(</span>
  <span class="token string">"input"</span><span class="token punctuation">,</span>
  <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    valueSpan<span class="token punctuation">.</span>innerText <span class="token operator">=</span> startTime<span class="token punctuation">.</span>value<span class="token punctuation">;</span>
  <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token boolean">false</span><span class="token punctuation">,</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>
</pre>
</div>
<div class="code-example" id="sect2">

<iframe class="sample-code-frame" title="Time value format sample" id="frame_time_value_format" width="600" height="80" src="https://live.mdnplay.dev/en-US/docs/Web/HTML/Element/input/time/runner.html?id=time_value_format" loading="lazy"></iframe>
</div> <p>When a form including a <code>time</code> input is submitted, the value is encoded before being included in the form's data. The form's data entry for a time input will always be in the form <code>name=hh%3Amm</code>, or <code>name=hh%3Amm%3Ass</code> if seconds are included (see <a href="#using_the_step_attribute">Using the step attribute</a>).</p>
</div>
<h2 id="additional_attributes">Additional attributes</h2>
<div class="section-content">
<p>In addition to the attributes common to all <a href="../input"><code>&lt;input&gt;</code></a> elements, <code>time</code> inputs offer the following attributes.</p> <div class="notecard note" id="sect3"> <p><strong>Note:</strong> Unlike many data types, time values have a <strong>periodic domain</strong>, meaning that the values reach the highest possible value, then wrap back around to the beginning again. For example, specifying a <code>min</code> of <code>14:00</code> and a <code>max</code> of <code>2:00</code> means that the permitted time values start at 2:00 PM, run through midnight to the next day, ending at 2:00 AM. See more in the <a href="#making_min_and_max_cross_midnight">making min and max cross midnight</a> section of this article.</p> </div>
</div>
<h3 id="list">list</h3>
<div class="section-content"><p>The values of the list attribute is the <a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/id"><code>id</code></a> of a <a href="../datalist"><code>&lt;datalist&gt;</code></a> element located in the same document. The <a href="../datalist"><code>&lt;datalist&gt;</code></a> provides a list of predefined values to suggest to the user for this input. Any values in the list that are not compatible with the <a href="../input#type"><code>type</code></a> are not included in the suggested options. The values provided are suggestions, not requirements: users can select from this predefined list or provide a different value.</p></div>
<h3 id="max">max</h3>
<div class="section-content"><p>A string indicating the latest time to accept, specified in the same <a href="#time_value_format">time value format</a> as described above. If the specified string isn't a valid time, no maximum value is set.</p></div>
<h3 id="min">min</h3>
<div class="section-content"><p>A string specifying the earliest time to accept, given in the <a href="#time_value_format">time value format</a> described previously. If the value specified isn't a valid time string, no minimum value is set.</p></div>
<h3 id="readonly">readonly</h3>
<div class="section-content">
<p>A Boolean attribute which, if present, means this field cannot be edited by the user. Its <code>value</code> can, however, still be changed by JavaScript code directly setting the <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement"><code>HTMLInputElement</code></a> <code>value</code> property.</p> <div class="notecard note" id="sect4"> <p><strong>Note:</strong> Because a read-only field cannot have a value, <code>required</code> does not have any effect on inputs with the <code>readonly</code> attribute also specified.</p> </div>
</div>
<h3 id="step">step</h3>
<div class="section-content">
<p>The <code>step</code> attribute is a number that specifies the granularity that the value must adhere to, or the special value <code>any</code>, which is described below. Only values which are equal to the basis for stepping (<a href="#min"><code>min</code></a> if specified, <a href="../input#value"><code>value</code></a> otherwise, and an appropriate default value if neither of those is provided) are valid.</p> <p>A string value of <code>any</code> means that no stepping is implied, and any value is allowed (barring other constraints, such as <a href="#min"><code>min</code></a> and <a href="#max"><code>max</code></a>).</p> <div class="notecard note" id="sect5"> <p><strong>Note:</strong> When the data entered by the user doesn't adhere to the stepping configuration, the <a href="https://developer.mozilla.org/en-US/docs/Glossary/User_agent">user agent</a> may round to the nearest valid value, preferring numbers in the positive direction when there are two equally close options.</p> </div> <p>For <code>time</code> inputs, the value of <code>step</code> is given in seconds, with a scaling factor of 1000 (since the underlying numeric value is in milliseconds). The default value of <code>step</code> is 60, indicating 60 seconds (or 1 minute, or 60,000 milliseconds).</p> <p><em>At this time, it's unclear what a value of <code>any</code> means for <code>step</code> when used with <code>time</code> inputs. This will be updated as soon as that information is determined.</em></p>
</div>
<h2 id="using_time_inputs">Using time inputs</h2>

<h3 id="basic_uses_of_time">Basic uses of time</h3>
<div class="section-content">
<p>The simplest use of <code>&lt;input type="time"&gt;</code> involves a basic <code>&lt;input&gt;</code> and <a href="../label"><code>&lt;label&gt;</code></a> element combination, as seen below:</p> <div class="code-example">
<p class="example-header"><span class="language-name">html</span></p>
<pre data-signature="ndwTC92u8pQcJ2m8l3IuxX3iwiy6mpSoi1sve9VJ8uM=" data-language="html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>form</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>appt-time<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Choose an appointment time: <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>label</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>appt-time<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>time<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>appt-time<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>form</span><span class="token punctuation">&gt;</span></span>
</pre>
</div>
<div class="code-example" id="sect6">

<iframe class="sample-code-frame" title="Basic uses of time sample" id="frame_basic_uses_of_time" width="600" height="60" src="https://live.mdnplay.dev/en-US/docs/Web/HTML/Element/input/time/runner.html?id=basic_uses_of_time" loading="lazy"></iframe>
</div>
</div>
<h3 id="controlling_input_size">Controlling input size</h3>
<div class="section-content"><p><code>&lt;input type="time"&gt;</code> doesn't support form sizing attributes such as <a href="../input#size"><code>size</code></a>, since times are always about the same number of characters long. You'll have to resort to <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> for sizing needs.</p></div>
<h3 id="using_the_step_attribute">Using the step attribute</h3>
<div class="section-content">
<p>You can use the <a href="../input#step"><code>step</code></a> attribute to vary the amount of time jumped whenever the time is incremented or decremented (for example, so the time moves by 10 minutes at a time when clicking the little arrow widgets).</p> <div class="notecard note" id="sect7"> <p><strong>Note:</strong> This property has some strange effects across browsers, so is not completely reliable.</p> </div> <p>It takes an integer value that equates to the number of seconds you want to increment by; the default value is 60 seconds, or one minute. If you specify a value of less than 60 seconds (1 minute), the <code>time</code> input will show a seconds input area alongside the hours and minutes:</p> <div class="code-example">
<p class="example-header"><span class="language-name">html</span></p>
<pre data-signature="uwsx4lHny9FgBu5O4OL2Gkkf+rBxLmo01CeFaFl+bsI=" data-language="html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>form</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>appt-time<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Choose an appointment time: <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>label</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>appt-time<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>time<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>appt-time<span class="token punctuation">"</span></span> <span class="token attr-name">step</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>2<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>form</span><span class="token punctuation">&gt;</span></span>
</pre>
</div>
<div class="code-example" id="sect8">

<iframe class="sample-code-frame" title="Using the step attribute sample" id="frame_using_the_step_attribute" width="600" height="60" src="https://live.mdnplay.dev/en-US/docs/Web/HTML/Element/input/time/runner.html?id=using_the_step_attribute" loading="lazy"></iframe>
</div> <p>In Chrome and Opera, which are the only browsers to show up/down iteration arrows, clicking the arrows changes the seconds value by two seconds, but doesn't affect the hours or minutes. Minutes (or hours) can only be used for stepping when you specify a number of minutes (or hours) in seconds, such as 120 for 2 minutes, or 7200 for 2 hours).</p> <p>In Firefox, there are no arrows, so the <code>step</code> value isn't used. However, providing it <em>does</em> add the seconds input area adjacent to the minutes section.</p> <p>The steps value seems to have no effect in Edge.</p> <div class="notecard note" id="sect9"> <p><strong>Note:</strong> Using <code>step</code> seems to cause validation to not work properly (as seen in the next section).</p> </div>
</div>
<h2 id="validation">Validation</h2>
<div class="section-content"><p>By default, <code>&lt;input type="time"&gt;</code> does not apply any validation to entered values, other than the user agent's interface generally not allowing you to enter anything other than a time value. This is helpful (assuming the <code>time</code> input is fully supported by the user agent), but you can't entirely rely on the value to be a proper time string, since it might be an empty string (<code>""</code>), which is allowed. It's also possible for the value to look roughly like a valid time but not be correct, such as <code>25:05</code>.</p></div>
<h3 id="setting_maximum_and_minimum_times">Setting maximum and minimum times</h3>
<div class="section-content">
<p>You can use the <a href="../input#min"><code>min</code></a> and <a href="../input#max"><code>max</code></a> attributes to restrict the valid times that can be chosen by the user. In the following example we are setting a minimum time of <code>12:00</code> and a maximum time of <code>18:00</code>:</p> <div class="code-example">
<p class="example-header"><span class="language-name">html</span></p>
<pre data-signature="Oh7PFv4CluGiAI7b5ZVaD3JY+AhsMZITQxbjjsMRb2g=" data-language="html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>form</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>appt-time<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
    Choose an appointment time (opening hours 12:00 to 18:00):
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>label</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>appt-time<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>time<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>appt-time<span class="token punctuation">"</span></span> <span class="token attr-name">min</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>12:00<span class="token punctuation">"</span></span> <span class="token attr-name">max</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>18:00<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>validity<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>form</span><span class="token punctuation">&gt;</span></span>
</pre>
</div>
<div class="code-example" id="sect10">

<iframe class="sample-code-frame" title="Setting maximum and minimum times sample" id="frame_setting_maximum_and_minimum_times" width="600" height="60" src="https://live.mdnplay.dev/en-US/docs/Web/HTML/Element/input/time/runner.html?id=setting_maximum_and_minimum_times" loading="lazy"></iframe>
</div> <p>Here's the CSS used in the above example. Here we make use of the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/:valid"><code>:valid</code></a> and <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid"><code>:invalid</code></a> CSS properties to style the input based on whether the current value is valid. We had to put the icons on a <a href="../span"><code>&lt;span&gt;</code></a> next to the input, not on the input itself, because in Chrome the generated content is placed inside the form control, and can't be styled or shown effectively.</p> <div class="code-example">
<p class="example-header"><span class="language-name">css</span></p>
<pre data-signature="y72TRmQOy6xJ/JNIk5WNU2PfiXv04saGLy6HYF4lpiQ=" data-language="css"><span class="token selector">div</span> <span class="token punctuation">{</span>
  <span class="token property">margin-bottom</span><span class="token punctuation">:</span> 10px<span class="token punctuation">;</span>
  <span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token punctuation">}</span>

<span class="token selector">input[type="number"]</span> <span class="token punctuation">{</span>
  <span class="token property">width</span><span class="token punctuation">:</span> 100px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>

<span class="token selector">input + span</span> <span class="token punctuation">{</span>
  <span class="token property">padding-right</span><span class="token punctuation">:</span> 30px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>

<span class="token selector">input:invalid + span::after</span> <span class="token punctuation">{</span>
  <span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
  <span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">"✖"</span><span class="token punctuation">;</span>
  <span class="token property">padding-left</span><span class="token punctuation">:</span> 5px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>

<span class="token selector">input:valid + span::after</span> <span class="token punctuation">{</span>
  <span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
  <span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">"✓"</span><span class="token punctuation">;</span>
  <span class="token property">padding-left</span><span class="token punctuation">:</span> 5px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</pre>
</div> <p>The result here is that:</p> <ul> <li>Only times between 12:00 and 18:00 will be seen as valid; times outside that range will be denoted as invalid.</li> <li>Depending on what browser you're using, you might find that times outside the specified range might not even be selectable in the time picker (e.g. Edge).</li> </ul> <h4 id="making_min_and_max_cross_midnight">Making min and max cross midnight</h4> <p>By setting a <a href="../input#min"><code>min</code></a> attribute greater than the <a href="../input#max"><code>max</code></a> attribute, the valid time range will wrap around midnight to produce a valid time range which crosses midnight. This functionality is not supported by any other input types. While this feature is <a href="https://html.spec.whatwg.org/multipage/input.html#has-a-reversed-range" target="_blank">in the HTML spec</a>, it is not yet universally supported. Chrome-based browsers support it starting in version 82 and Firefox added it in version 76. Safari as of version 14.1 does not support this. Be prepared for this situation to arise:</p> <div class="code-example">
<p class="example-header"><span class="language-name">js</span></p>
<pre data-signature="Zz03niDGRNh7gSQrxDfIkp0ClBvkCB/g9iNd7Zf696Q=" data-language="js"><span class="token keyword">const</span> input <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">createElement</span><span class="token punctuation">(</span><span class="token string">"input"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
input<span class="token punctuation">.</span>type <span class="token operator">=</span> <span class="token string">"time"</span><span class="token punctuation">;</span>
input<span class="token punctuation">.</span>min <span class="token operator">=</span> <span class="token string">"23:00"</span><span class="token punctuation">;</span>
input<span class="token punctuation">.</span>max <span class="token operator">=</span> <span class="token string">"01:00"</span><span class="token punctuation">;</span>
input<span class="token punctuation">.</span>value <span class="token operator">=</span> <span class="token string">"23:59"</span><span class="token punctuation">;</span>

<span class="token keyword">if</span> <span class="token punctuation">(</span>input<span class="token punctuation">.</span>validity<span class="token punctuation">.</span>valid <span class="token operator">&amp;&amp;</span> input<span class="token punctuation">.</span>type <span class="token operator">===</span> <span class="token string">"time"</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  <span class="token comment">// &lt;input type=time&gt; reversed range supported</span>
<span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token punctuation">{</span>
  <span class="token comment">// &lt;input type=time&gt; reversed range unsupported</span>
<span class="token punctuation">}</span>
</pre>
</div>
</div>
<h3 id="making_times_required">Making times required</h3>
<div class="section-content">
<p>In addition, you can use the <a href="../input#required"><code>required</code></a> attribute to make filling in the time mandatory. As a result, supporting browsers will display an error if you try to submit a time that is outside the set bounds, or an empty time field.</p> <p>Let's look at an example; here we've set minimum and maximum times, and also made the field required:</p> <div class="code-example">
<p class="example-header"><span class="language-name">html</span></p>
<pre data-signature="d8ESQymAnF2FZcFTXy4Cfh8VoAiS+YbQFPCAcecBdxA=" data-language="html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>form</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>appt-time<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
      Choose an appointment time (opening hours 12:00 to 18:00):
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>label</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span>
      <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>appt-time<span class="token punctuation">"</span></span>
      <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>time<span class="token punctuation">"</span></span>
      <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>appt-time<span class="token punctuation">"</span></span>
      <span class="token attr-name">min</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>12:00<span class="token punctuation">"</span></span>
      <span class="token attr-name">max</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>18:00<span class="token punctuation">"</span></span>
      <span class="token attr-name">required</span> <span class="token punctuation">/&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>validity<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>submit<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Submit form<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>form</span><span class="token punctuation">&gt;</span></span>
</pre>
</div> <p>If you try to submit the form with an incomplete time (or with a time outside the set bounds), the browser displays an error. Try playing with the example now:</p>
<div class="code-example" id="sect11">

<iframe class="sample-code-frame" title="Making times required sample" id="frame_making_times_required" width="600" height="120" src="https://live.mdnplay.dev/en-US/docs/Web/HTML/Element/input/time/runner.html?id=making_times_required" loading="lazy"></iframe>
</div> <div class="notecard warning" id="sect12"> <p><strong>Warning:</strong> HTML form validation is <em>not</em> a substitute for scripts that ensure that the entered data is in the proper format. It's far too easy for someone to make adjustments to the HTML that allow them to bypass the validation, or to remove it entirely. It's also possible for someone to bypass your HTML entirely and submit the data directly to your server. If your server-side code fails to validate the data it receives, disaster could strike when improperly-formatted data is submitted (or data which is too large, of the wrong type, and so forth).</p> </div>
</div>
<h2 id="handling_browser_support">Handling browser support</h2>
<div class="section-content">
<p>As mentioned, older versions of Safari and a few other, less common, browsers don't support time inputs natively. In general, otherwise, support is good — especially on mobile platforms, which tend to have very nice user interfaces for specifying a time value. For example, the <code>time</code> picker on Chrome for Android looks like this:</p> <p> <img src="data:image/png;base64,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" alt="Phone screen showing modal dialog with 10:21 as a header. The 10 is fully opaque. The 21 is not. The main area has a circle with the numbers 1 - 12 in a ring, and the number 13 -24 on an inner ring. The number 10 is highlighted with a blue circle. The buttons at the bottom are clear, cancel, and set." width="360" height="640" loading="lazy"> </p> <p>Browsers that don't support time inputs gracefully degrade to a text input, but this creates problems both in terms of consistency of user interface (the presented control will be different), and data handling.</p> <p>The second problem is the more serious; as mentioned previously, <code>time</code> inputs' values are always normalized to the format <code>hh:mm</code> or <code>hh:mm:ss</code>. With a text input, on the other hand, by default the browser has no idea of what format the time should be in, and there are multiple ways in which people write times, such as:</p> <ul> <li><code>3.00 pm</code></li> <li><code>3:00pm</code></li> <li><code>15:00</code></li> <li><code>3 o'clock in the afternoon</code></li> <li>etc.</li> </ul> <p>One way around this is to put a <a href="../input#pattern"><code>pattern</code></a> attribute on your <code>time</code> input. Even though the <code>time</code> input doesn't use it, the <code>text</code> input fallback will. For example, try viewing the following demo in a browser that doesn't support time inputs:</p> <div class="code-example">
<p class="example-header"><span class="language-name">html</span></p>
<pre data-signature="D5pkciWK32158WALru/4o3mygRwlUsaSnkcblHoS0pY=" data-language="html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>form</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>appt-time<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
      Choose an appointment time (opening hours 12:00 to 18:00):
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>label</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span>
      <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>appt-time<span class="token punctuation">"</span></span>
      <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>time<span class="token punctuation">"</span></span>
      <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>appt-time<span class="token punctuation">"</span></span>
      <span class="token attr-name">min</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>12:00<span class="token punctuation">"</span></span>
      <span class="token attr-name">max</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>18:00<span class="token punctuation">"</span></span>
      <span class="token attr-name">required</span>
      <span class="token attr-name">pattern</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>[0-9]{2}:[0-9]{2}<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>validity<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>submit<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Submit form<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>form</span><span class="token punctuation">&gt;</span></span>
</pre>
</div>
<div class="code-example" id="sect13">

<iframe class="sample-code-frame" title="Handling browser support sample" id="frame_handling_browser_support" width="600" height="100" src="https://live.mdnplay.dev/en-US/docs/Web/HTML/Element/input/time/runner.html?id=handling_browser_support" loading="lazy"></iframe>
</div> <p>If you try submitting it, you'll see that non-supporting browsers now display an error message (and highlight the input as invalid) if your entry doesn't match the pattern <code>nn:nn</code>, where <code>n</code> is a number from 0 to 9. Of course, this doesn't stop people from entering invalid times, or incorrectly formatted times that follow the pattern.</p> <p>Then there's the problem of the user having no idea exactly what format the time is expected to be in.</p>  <p>The best way to deal with times in forms in a cross-browser way, for the time being, is to get the user to enter the hours and minutes (and seconds if required) in separate controls (<a href="../select"><code>&lt;select&gt;</code></a> elements are popular; see below for an example), or use JavaScript libraries such as the <a href="https://timepicker.co/" target="_blank">jQuery timepicker plugin</a>.</p>
</div>
<h2 id="examples">Examples</h2>
<div class="section-content">
<p>In this example, we create two sets of interface elements for choosing times: a native picker created with <code>&lt;input type="time"&gt;</code>, and a set of two <a href="../select"><code>&lt;select&gt;</code></a> elements for choosing hours/minutes in older browsers that don't support the native input.</p>
<div class="code-example" id="sect14">

<iframe class="sample-code-frame" title="Examples sample" id="frame_examples" width="600" height="140" src="https://live.mdnplay.dev/en-US/docs/Web/HTML/Element/input/time/runner.html?id=examples" loading="lazy"></iframe>
</div> <p>The HTML looks like so:</p> <div class="code-example">
<p class="example-header"><span class="language-name">html</span></p>
<pre data-signature="R54Lv/wBD40mRWH9q5Y9Idk76Clf0TivZ0TElii6+Dk=" data-language="html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>form</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>nativeTimePicker<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>appt-time<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
      Choose an appointment time (opening hours 12:00 to 18:00):
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>label</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span>
      <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>appt-time<span class="token punctuation">"</span></span>
      <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>time<span class="token punctuation">"</span></span>
      <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>appt-time<span class="token punctuation">"</span></span>
      <span class="token attr-name">min</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>12:00<span class="token punctuation">"</span></span>
      <span class="token attr-name">max</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>18:00<span class="token punctuation">"</span></span>
      <span class="token attr-name">required</span> <span class="token punctuation">/&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>validity<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>fallbackLabel<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
    Choose an appointment time (opening hours 12:00 to 18:00):
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>fallbackTimePicker<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>hour<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Hour:<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>label</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>select</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>hour<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>hour<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>select</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>minute<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Minute:<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>label</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>select</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>minute<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>minute<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>select</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>form</span><span class="token punctuation">&gt;</span></span>
</pre>
</div> <p>The hour and minutes values for their <code>&lt;select&gt;</code> elements are dynamically generated.</p>  <p>The other part of the code that may be of interest is the feature detection code — to detect whether the browser supports <code>&lt;input type="time"&gt;</code>, we create a new <a href="../input"><code>&lt;input&gt;</code></a> element, try setting its <code>type</code> to <code>time</code>, then immediately check what its type is set to — non-supporting browsers will return <code>text</code>, because the <code>time</code> type falls back to type <code>text</code>. If <code>&lt;input type="time"&gt;</code> is not supported, we hide the native picker and show the fallback picker UI (<a href="../select"><code>&lt;select&gt;</code></a>s) instead.</p> <div class="code-example">
<p class="example-header"><span class="language-name">js</span></p>
<pre data-signature="YX7OTAXkJt7Ct1FcB4+0stHhU6p++isUuE0HM4bw8vM=" data-language="js"><span class="token comment">// Define variables</span>
<span class="token keyword">const</span> nativePicker <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">querySelector</span><span class="token punctuation">(</span><span class="token string">".nativeTimePicker"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">const</span> fallbackPicker <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">querySelector</span><span class="token punctuation">(</span><span class="token string">".fallbackTimePicker"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">const</span> fallbackLabel <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">querySelector</span><span class="token punctuation">(</span><span class="token string">".fallbackLabel"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

<span class="token keyword">const</span> hourSelect <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">querySelector</span><span class="token punctuation">(</span><span class="token string">"#hour"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">const</span> minuteSelect <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">querySelector</span><span class="token punctuation">(</span><span class="token string">"#minute"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

<span class="token comment">// Hide fallback initially</span>
fallbackPicker<span class="token punctuation">.</span>style<span class="token punctuation">.</span>display <span class="token operator">=</span> <span class="token string">"none"</span><span class="token punctuation">;</span>
fallbackLabel<span class="token punctuation">.</span>style<span class="token punctuation">.</span>display <span class="token operator">=</span> <span class="token string">"none"</span><span class="token punctuation">;</span>

<span class="token comment">// Test whether a new time input falls back to a text input or not</span>
<span class="token keyword">const</span> test <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">createElement</span><span class="token punctuation">(</span><span class="token string">"input"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

<span class="token keyword">try</span> <span class="token punctuation">{</span>
  test<span class="token punctuation">.</span>type <span class="token operator">=</span> <span class="token string">"time"</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span> <span class="token keyword">catch</span> <span class="token punctuation">(</span>e<span class="token punctuation">)</span> <span class="token punctuation">{</span>
  console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>e<span class="token punctuation">.</span>description<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>

<span class="token comment">// If it does, run the code inside the if () {} block</span>
<span class="token keyword">if</span> <span class="token punctuation">(</span>test<span class="token punctuation">.</span>type <span class="token operator">===</span> <span class="token string">"text"</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  <span class="token comment">// Hide the native picker and show the fallback</span>
  nativePicker<span class="token punctuation">.</span>style<span class="token punctuation">.</span>display <span class="token operator">=</span> <span class="token string">"none"</span><span class="token punctuation">;</span>
  fallbackPicker<span class="token punctuation">.</span>style<span class="token punctuation">.</span>display <span class="token operator">=</span> <span class="token string">"block"</span><span class="token punctuation">;</span>
  fallbackLabel<span class="token punctuation">.</span>style<span class="token punctuation">.</span>display <span class="token operator">=</span> <span class="token string">"block"</span><span class="token punctuation">;</span>

  <span class="token comment">// Populate the hours and minutes dynamically</span>
  <span class="token function">populateHours</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
  <span class="token function">populateMinutes</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>

<span class="token keyword">function</span> <span class="token function">populateHours</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  <span class="token comment">// Populate the hours &lt;select&gt; with the 6 open hours of the day</span>
  <span class="token keyword">for</span> <span class="token punctuation">(</span><span class="token keyword">let</span> i <span class="token operator">=</span> <span class="token number">12</span><span class="token punctuation">;</span> i <span class="token operator">&lt;=</span> <span class="token number">18</span><span class="token punctuation">;</span> i<span class="token operator">++</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token keyword">const</span> option <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">createElement</span><span class="token punctuation">(</span><span class="token string">"option"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    option<span class="token punctuation">.</span>textContent <span class="token operator">=</span> i<span class="token punctuation">;</span>
    hourSelect<span class="token punctuation">.</span><span class="token function">appendChild</span><span class="token punctuation">(</span>option<span class="token punctuation">)</span><span class="token punctuation">;</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>

<span class="token keyword">function</span> <span class="token function">populateMinutes</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  <span class="token comment">// populate the minutes &lt;select&gt; with the 60 hours of each minute</span>
  <span class="token keyword">for</span> <span class="token punctuation">(</span><span class="token keyword">let</span> i <span class="token operator">=</span> <span class="token number">0</span><span class="token punctuation">;</span> i <span class="token operator">&lt;=</span> <span class="token number">59</span><span class="token punctuation">;</span> i<span class="token operator">++</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token keyword">const</span> option <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">createElement</span><span class="token punctuation">(</span><span class="token string">"option"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    option<span class="token punctuation">.</span>textContent <span class="token operator">=</span> i <span class="token operator">&lt;</span> <span class="token number">10</span> <span class="token operator">?</span> <span class="token template-string"><span class="token template-punctuation string">`</span><span class="token string">0</span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>i<span class="token interpolation-punctuation punctuation">}</span></span><span class="token template-punctuation string">`</span></span> <span class="token operator">:</span> i<span class="token punctuation">;</span>
    minuteSelect<span class="token punctuation">.</span><span class="token function">appendChild</span><span class="token punctuation">(</span>option<span class="token punctuation">)</span><span class="token punctuation">;</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>

<span class="token comment">// make it so that if the hour is 18, the minutes value is set to 00</span>
<span class="token comment">// — you can't select times past 18:00</span>
<span class="token keyword">function</span> <span class="token function">setMinutesToZero</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  <span class="token keyword">if</span> <span class="token punctuation">(</span>hourSelect<span class="token punctuation">.</span>value <span class="token operator">===</span> <span class="token string">"18"</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    minuteSelect<span class="token punctuation">.</span>value <span class="token operator">=</span> <span class="token string">"00"</span><span class="token punctuation">;</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>

hourSelect<span class="token punctuation">.</span>onchange <span class="token operator">=</span> setMinutesToZero<span class="token punctuation">;</span>
minuteSelect<span class="token punctuation">.</span>onchange <span class="token operator">=</span> setMinutesToZero<span class="token punctuation">;</span>
</pre>
</div>
</div>
<h2 id="technical_summary">Technical Summary</h2>
<div class="section-content"><figure class="table-container"><div class="_table"><table class="properties"> <tbody> <tr> <td><strong><a href="#value">Value</a></strong></td> <td>A string representing a time, or empty.</td> </tr> <tr> <td><strong>Events</strong></td> <td> <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"><code>change</code></a> and <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event"><code>input</code></a> </td> </tr> <tr> <td><strong>Supported common attributes</strong></td> <td> <a href="../input#autocomplete"><code>autocomplete</code></a>, <a href="../input#list"><code>list</code></a>, <a href="../input#readonly"><code>readonly</code></a>, and <a href="../input#step"><code>step</code></a> </td> </tr> <tr> <td><strong>IDL attributes</strong></td> <td> <code>value</code>, <code>valueAsDate</code>, <code>valueAsNumber</code>, and <code>list</code>. </td> </tr> <tr> <td><strong>DOM interface</strong></td> <td> <p><a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement"><code>HTMLInputElement</code></a></p> </td> </tr> <tr> <td><strong>Methods</strong></td> <td> <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/select"><code>select()</code></a>, <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/stepDown"><code>stepDown()</code></a>, and <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/stepUp"><code>stepUp()</code></a>. </td> </tr> <tr> <td><strong>Implicit ARIA Role</strong></td> <td><a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role" target="_blank"><code>no corresponding role</code></a></td> </tr> </tbody> </table></div></figure></div>
<h2 id="specifications">Specifications</h2>
<div class="_table"><table class="standard-table">
<thead><tr><th scope="col">Specification</th></tr></thead>
<tbody><tr><td><a href="https://html.spec.whatwg.org/multipage/input.html#time-state-(type=time)">HTML Standard <br><small># time-state-(type=time)</small></a></td></tr></tbody>
</table></div>
<h2 id="browser_compatibility">Browser compatibility</h2>
<div class="_table"><table>
<thead>
<tr id="bct-browser-type">
<th></th>
<th colspan="6">Desktop</th>
<th colspan="6">Mobile</th>
</tr>
<tr id="bct-browsers">
<th></th>
<th>Chrome</th>
<th>Edge</th>
<th>Firefox</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari</th>
<th>WebView Android</th>
<th>Chrome Android</th>
<th>Firefox for Android</th>
<th>Opera Android</th>
<th>Safari on IOS</th>
<th>Samsung Internet</th>
</tr>
</thead>
<tbody><tr>
<th><code>time</code></th>
<td class="bc-supports-yes">20</td>
<td class="bc-supports-yes">12</td>
<td class="bc-supports-yes">57</td>
<td class="bc-supports-no">No</td>
<td class="bc-supports-yes">10</td>
<td class="bc-supports-yes">14.1</td>
<td class="bc-supports-yes">4.4</td>
<td class="bc-supports-yes">25</td>
<td class="bc-supports-yes">57</td>
<td class="bc-supports-yes">10.1</td>
<td class="bc-supports-yes">5</td>
<td class="bc-supports-yes">1.5</td>
</tr></tbody>
</table></div>
<h2 id="see_also">See also</h2>
<div class="section-content"><ul> <li>The generic <a href="../input"><code>&lt;input&gt;</code></a> element and the interface used to manipulate it, <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement"><code>HTMLInputElement</code></a>
</li> <li><a href="../../date_and_time_formats">Date and time formats used in HTML</a></li> <li><a href="https://developer.mozilla.org/en-US/docs/Learn/Forms/Basic_native_form_controls#date_and_time_picker">Date and Time picker tutorial</a></li> <li>
<a href="datetime-local"><code>&lt;input type="datetime-local"&gt;</code></a>, <a href="date"><code>&lt;input type="date"&gt;</code></a>, <a href="week"><code>&lt;input type="week"&gt;</code></a>, and <a href="month"><code>&lt;input type="month"&gt;</code></a>
</li> <li><a href="https://developer.mozilla.org/en-US/docs/Learn/Forms/Property_compatibility_table_for_form_controls">Compatibility of CSS properties</a></li> </ul></div><div class="_attribution">
  <p class="_attribution-p">
    &copy; 2005&ndash;2023 MDN contributors.<br>Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.<br>
    <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time" class="_attribution-link">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time</a>
  </p>
</div>