how to change the html input type time field to only accept like this -( 00:01:25 )
Question
i wanted to input time duration in hh:mm:ss format (example - 01:23:45) in html, pls suggest me the best method. Thanks in advance
How is it possible in html? is there any direct input type available for that? Please help !!
2 answers
solution1
0 2021-04-17 18:32:15
You can use the default time tag in the html as below
<time>10:00</time>
or if you want to input time using input tag and setting type to time
<input type="time" name="time" />
solution2
0 2021-04-17 19:15:55
Here you go check below code
<:DOCTYPE html> <html> <body> Time: <input type="time" id="Time" value="01:23.45"> <button onclick="myFunction()">Click to see the selected time</button> <p id="SeeTime"></p> <script> function myFunction() { var x = document.getElementById("Time");value. document.getElementById("SeeTime");innerHTML = x; } </script> </body> </html>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
mongoose : How to find by date that start with a given input (like autocomplete : 25/01/2… , 25/01..)
HTML5 input type time, when 00:00:00 value isn't completely there (Chrome)
Accept only 0 and 1 in input field
How to make input field to accept only numbers
how can I make an input field only accept numbers when the input type is text?
How change the initial value of an asp.net mvc DatePicker from format of “06/22/2019 00:00:00” to Persian format like 1398/04/01
Selected date is most of the time 01/01/0001 00:00:00
How to use an input type=text field to accept only digits, minus sign and decimals and nothing more with Angular
how to convert datetime format from '2021-01-09T00:00:00' LIKE 2021-01-09 in datatable
How to add/limit 2 decimals .00 in the input field of type number in Angular 7
Related Tags