Validating dates(htm5关于日期的验证),有趣中学习!

HTML5给你不同的机会来验证日期。浏览器,理解日期元素为您的用户提供方便的下拉日历选择日期从。这可以防止你的用户误解的日期格式或故意选择不正确或不存在的日期。


日期元素为你提供了六种不同的方法f定义日期:日期、月、周、时间、日期+时间和日期+时间,时区。截至目前,该支持最多是稀疏作为歌剧是唯一的浏览器,提供这些下拉日历和Chrome提供最低限度——spinboxes用户不能选择一个无效的号码。因此,如果你想实现你的日期元素也必须使用polyfill支持它正确。


如果你使用“试试这个例子”功能,请注意,我没有实现任何polyfill支持日期元素,因此示例将反映你当前的浏览器实际上呈现元素。


日期


格式为日期类型是yyyy mm dd,这意味着2012年5月14日将会呈现2012-05-12。这是一个经典的选择任何日期,发货日期休假。

<form>
  <input type="date">
  <input type="submit" value="Submit Now!">
</form>


这个月的格式类型是YYYY-M,这意味着2013年10月将会呈现2013-10。

<form>
  <input type="month">
  <input type="submit" value="Submit Now!">
</form>

星期
有时你所需要的是一个星期,这个星期的格式类型是yyyy-www,这意味着2013年第12周将会呈现2013 - w12。

<form>
  <input type="week">
  <input type="submit" value="Submit Now!">
</form>

其它一些验证,时间和日期时间:

<form>
  <input type="time">
  <input type="submit" value="Submit Now!">
</form>

<form>
  <input type="datetime">
  <input type="submit" value="Submit Now!">
</form>




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值