HTML5中的时间输入类型可让用户输入时间。 收集小时和分钟,以及是上午还是下午。没有时区选择。 有些浏览器实际上可能会显示时钟或其他日期控制输入设备,以便用户更容易地提交时间。
如何使用时间输入类型
您可以通过JSFiddle查看实时网页上HTML代码的外观。 表达式可以包装在一个表单中,并且可以添加文本以获取指示信息。 您可以选择月份,日期和年份,如这些示例所示。
Web浏览器支持
对时间输入的支持分散在每个网络浏览器上,包括Chrome,Safari,Opera,Firefox和Internet Explorer。 某些浏览器会显示一个常规文本框,其中必须键入时间并在上午和下午之间切换。其他人可能包含日期选择器,或者根本不显示任何内容。
对于尚不支持HTML5表单类型的浏览器来说,这实际上是一个重要而有用的回退。 您可以在您的Web表单上使用此输入来从支持它的浏览器收集更好的数据。 不支持此输入类型的浏览器将简单地默认为本质上是标准字段的内容 - 无论如何,您会在缺少时间字段时使用这些内容。
如果收集到的数据需要符合特定的日期标准,则可以使用此输入类型并使用脚本或CGI验证内容是否为时间。 这也涵盖了这些旧浏览器的基础以及它们回退到文本输入类型的方式。
输入时间属性
您可以在时间输入类型中使用以下参数:
- 自动完成
- 名单
- 最大
- 分
- 只读
- 需要
- 步
- valueAsNumber
- selectedOption
- 降压()
- 升压()