📌  相关文章
📜  如何使用 HTML5 在表单中添加时间选择器?

📅  最后修改于: 2022-05-13 01:56:33.249000             🧑  作者: Mango

如何使用 HTML5 在表单中添加时间选择器?

正如我们所知,时间选择器用于从预先确定的集合中提供 tp 选择单个值。基本上, 它创建一个接受时间的输入字段。我们可以通过单击时钟图标来打开时间选择器。时间选择器的 UI 设计因浏览器而异。

按照以下方法完成任务:

  • 第一, 我们创建一个包含 Form 元素的 HTML 文档。
  • 在表单下添加 标记。
  • 使用类型 属性与输入元素。
  • 将类型属性设置为值“时间”。

句法:

 

例子:

HTML


  

    
        How to add a Time picker 
        in Form using HTML5?
    

  

    

        GeeksForGeeks     

       

        How to add a Time picker          in Form using HTML5?     

       
                     Select Time:                                   

             
  


输出: