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新控件 - 日期和时间选择输入

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • ios消息推送

    ios消息推送

  • shell脚本运行jar包获取参数_linux加载一个目录下的所有jar包

    shell脚本运行jar包获取参数_linux加载一个目录下的所有jar包当使用SpringBoot框架时,他自己集成了tomcat。在启动jar包时,经常需要复制一大段命令,尤其是在项目目录发生改变的时候,实在繁琐。所以可以使用shell脚本来启动、关闭和重启Java项目。创建一个shell脚本vim脚本名.sh脚本内容:#!/bin/bash#这里可替换为你自己的执行程序,其他代码无需更改JAR_NAME=jar包名称#lib目录LOAD_PATH=”-Dloader.path=/home/local/lib/”#项目配置文件CONFIG_PATH

  • HTML5快速设计网页[通俗易懂]

    HTML5快速设计网页目录一、认识web开发和软件安装二、使用HTML/HTML5搭建页面骨架一、认识web开发和软件安装1、认识网页:商城网页比较经典,比如京东,淘宝、小米商城还有锤子官网等有图片、文字还有一些多媒体组合而成的。我们还需要善于观察然后模仿成自己的2、网站:由多个网页组织在一起而成的,网页和网页之间是有联系的。就像蜘蛛网一样织成一张大网3、用户眼中…

  • php格式怎么转换为pdf,PHP如何将将word文件转为pdf

    php格式怎么转换为pdf,PHP如何将将word文件转为pdfPHP将word文件转为pdf的方法:首先修改【php.ini】,并重启环境;然后安装微软office套件;最后配置office组件服务即可。PHP将word文件转为pdf的方法:1、修改php.ini添加:extension=php_com_dotnet.dll去除注释:com.allow_dcom=true重启环境相关学习推荐:php编程(视频)2、配置office支持(1)安装微软off…

  • python2+selenium爬取笔趣读小说

    python2+selenium爬取笔趣读小说python2+selenium爬取笔趣读小说 #!/usr/bin/envpython#coding=utf-8fromseleniumimportwebdriverimporttimefrombs4importBeaut…

    2022年10月22日
  • java与数据库连接的步骤_java与数据库的连接怎么实现

    java与数据库连接的步骤_java与数据库的连接怎么实现1.加载驱动Class.forname(数据库驱动名);2.建立数据库连接使用DriverManager类的getConnection()静态方法来获取数据库连接对象,其语法格式如下所示:Connectionconn=DriverManager.getConnection(Stringurl,Stringuser,Stringpass);其中url–数据库连接字符串….

发表回复

您的电子邮箱地址不会被公开。

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