• 技术文章 >web前端 >前端问答

    html5时间控件的值是什么

    青灯夜游青灯夜游2022-01-17 14:55:04原创83

    html5时间控件的值有六种:1、“date”,定义日期控件;2、“time”,定义时间控件;3、“datetime-local”,定义日期时间控件;4、“month”,定义月控件;5、“week”,定义周控件;6、“datetime”。

    本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

    HTML5定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历,供用户选择。
    注意:目前只有Chrome和Opera提供下拉式日历支持,其它浏览器仍是一个普通文本框。

    1、日期控件 - date

    1.png

    <input type="date" value="2021-01-17"/>

    2、时间控件 - time

    2.png

    2-2.png

    <input type="time" value="13:59"/>
    <input type="time" value="13:59:59"/>

    3、日期时间控件 - datetime-local

    3.png

    <input type="datetime-local" value="2021-01-17T13:59:59"/>

    4、月控件 - month

    4.png

    <input type="month" value="2021-01"/>

    5、周控件 - week

    5.png

    <input type="week" value="2022-W02"/>

    6、日期时间控件--datetime

    6.png

    <input type="datetime" value="2022-01-17T13:59:59"/>

    说明:日期时间控件也支持min和max属性,表示可设置的最小和最大时间

    7.png

    <input type="date" value="2022-01-17" min="2022-01-16" max="2015-01-26"/>

    相关推荐:《html视频教程

    以上就是html5时间控件的值是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html5 时间控件
    上一篇:html5的应用场景有哪些 下一篇:html5和4有什么区别

    相关文章推荐

    • h5是html5的简称是对的吗• html5去除元素外边框的代码是什么• html5怎样实现点击切换文本• html5新特性中移除了哪些元素• html5可以播放什么格式的视频和音频• html5中新增加的属性与元素有哪些

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网