 |
位置：电子教程 > HTML入门到精通 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > HTML入门到精通 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| 当前阅读教程：HTML入门到精通 > 4.9 Datetime和datetime-local日期时间选择器 | |
| 阅读(22555525) 收藏 赞(5685) 分享 | |
| 上一篇： 4.8 input标签type属性之date选择器 | 下一篇： 4.10 input标签type属性之email邮件地址 |
基础语法Datetime：定义 date 和 time 控件（带有时区） <input type="datetime" name="bdaytime"> datetime-local：定义 date 和 time 控件（不带时区） <input type="datetime-local" name="bdaytime"> 示例：Datetime和datetime-local日期时间选择器下面我们来看下在网页中的效果，示例代码如下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>input标签type属性之Datetime和datetime-local日期时间选择器</title> </head> <body> <form> <input type="datetime"><br> <input type="datetime-local" name="d1" id="d1"> <input type="button" value="获取日期" onClick="fun01()" > <script> function fun01(){ v01 = document.getElementById("d1").value; alert("你选择的日期是："+v01); } </script> </form> </body> </html> 效果如图4-12和图4-13和图4-14和图4-15。
|
|
| 上一篇： 4.8 input标签type属性之date选择器 | 下一篇： 4.10 input标签type属性之email邮件地址 |
