可以使用type="datetime-local"
。这会允许用户选择日期和时间,精确到小时、分钟和秒。
以下是一个简单的示例代码:
只需要添加属性step="1",即可精确到秒
只需要添加属性step="1",即可精确到秒 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>日期和时间选择</title> </head> <body> <form> <label for="datetime">选择日期和时间:</label> <input type="datetime-local" step="1" id="datetime" name="datetime"> <input type="submit"> </form> </body> </html>
在这个示例中,<input type="datetime-local">
创建了一个可以让用户选择日期和时间的输入框。用户可以选择年、月、日、小时、分钟和秒。
需要注意的是,datetime-local
的支持程度因浏览器而异。虽然大多数现代浏览器都支持它,但一些较旧的或非主流的浏览器可能不支持。在不支持 datetime-local
的浏览器中,输入框将回退到普通的文本输入框。