HTML5的input类型datetime-local可以用来创建日期时间输入框。它支持日期和时间两个部分,可以自定义样式,以满足不同的用户需求。
使用方法:
上面的代码就可以创建一个日期时间输入框,用户输入的日期时间可以通过name属性获取。
如果要自定义样式,可以使用CSS来实现,例如:
input[type="datetime-local"] { width: 200px; padding: 10px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; }
上面的代码可以让日期时间输入框变成如下样式:
- 宽度:200px
- 内边距:10px
- 字体大小:14px
- 边框:1px实线,颜色为#ccc
- 圆角:4px
可以根据实际需求,自定义样式,使日期时间输入框更加美观。