HTML5新控件 – 日期和时间选择输入

HTML5新控件 – 日期和时间选择输入转载自:https://blog.csdn.net/u014063717/article/details/50914466HTML5定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历,供用户选择。注意:我测试了Chrome和Opera,火狐提供下拉式日历支持,其它浏览器可能仍是一个普通文本框。1,日期控件-date<inputtype="date"valu…

大家好,又见面了,我是你们的朋友全栈君。

转载自:https://blog.csdn.net/u014063717/article/details/50914466

HTML5定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历,供用户选择。 

注意:我测试了Chrome和Opera,火狐提供下拉式日历支持,其它浏览器可能仍是一个普通文本框。

1,日期控件 – date

这里写图片描述

<input type="date" value="2015-09-24"/>
  • 1

2,时间控件 – time

这里写图片描述

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

3,日期时间控件 – datetime-local

这里写图片描述

<input type="datetime-local" value="2015-09-24T13:59:59"/>
  • 1

4,月控件 – month

这里写图片描述

<input type="month" value="2015-09"/>
  • 1

5,周控件 – week

这里写图片描述

<input type="week" value="2015-W02"/>
  • 1

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

这里写图片描述

<input type="date" value="2015-09-24" min="2015-09-16" max="2015-09-26"/>

 云服务器ESC购买地址:云服务器ECS_云主机_服务器托管_弹性计算-阿里云

对象存储oss购买地址:对象存储OSS_云存储服务_企业数据管理_存储-阿里云

SSL证书购买地址:证书服务_SSL数字证书_HTTPS加密_服务器证书_CA认证-阿里云

CDN云产品购买地址 :CDN_内容分发网络_CDN网站加速-阿里云

 

HTML5新控件 - 日期和时间选择输入

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/142104.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • kong网关教程_putty登录路由器

    kong网关教程_putty登录路由器kong安装kong介绍kong安装kong支持在多个环境下安装,这里就列出在ubuntu和docker下怎么安装,其他的安装的方式请参照官方指南ubuntuubuntu下安装kong离线安装下载对应版本的离线包安装依赖组件apt-getinstallopenssllibpcre3procpsperl安装kongdpkg-ikong-1.4.2.*.d…

    2022年9月4日
  • H3C交换机配置常用命令「建议收藏」

    H3C交换机配置常用命令「建议收藏」1.配置文件相关命令[Quidway]displaycurrent-configuration//显示当前生效的配置[Quidway]displaysaved-configuration//显示flash中配置文件,即下次上电启动时所用的配置文件&amp;lt;Quidway&amp;gt;resetsaved-configuration…

    2022年6月20日
  • 搭建服务器上的GIT并实现自动同步到站点目录(www)

    搭建服务器上的GIT并实现自动同步到站点目录(www)

    2021年10月23日
  • decode和encode函数_python lstrip

    decode和encode函数_python lstrip字符串在Python内部的表示是unicode编码,因此,在做编码转换时,通常需要以unicode作为中间编码,即先将其他编码的字符串解码(decode)成unicode,再从unicode编码(encode)成另一种编码。decode的作用是将其他编码的字符串转换成unicode编码,如str1.decode(‘gb2312’),表示将gb2312编码的字符串str1转换成unicode编…

    2022年10月6日
  • windows下nginx启动一闪而过(原因以及查看和解决的办法)「建议收藏」

    windows下nginx启动一闪而过(原因以及查看和解决的办法)「建议收藏」解决问题的思路清晰比确切解决的办法更加有效原因:这是80端口被占用的缘故,修改下端口即可。得出此原因的方法:运行“nginx.exe”文件即可,运行后,界面一闪而过。这是查看log日志,就能得到原因2018/08/2321:43:34[emerg]16612#13696:bind()to0.0.0.0:80failed(10013:Anatt…

    2022年10月23日
  • mac全选文字的快捷键_Mac文本的快捷键 你晓得否?

    mac全选文字的快捷键_Mac文本的快捷键 你晓得否?我们在MAC电脑上码字的时候,经常会遇到需要对某段文字进行修改或者操作的情况,相信很多人的做法是用鼠标去移动光标快速定位,如果字数篇幅比较小也是可以的,但是如果遇到大篇幅的文章,一点点的用鼠标去找会非常麻烦,今天我就教大家几个MAC文本快捷键,让你在最短的时间内把光标移动到你想要的位置,提高在电脑上码字的效率。1、全文&段落定位目标位置比较远的时候,需要对光标远程定位,下面的组合键可以帮到…

    2022年5月9日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号