当前阅读教程:HTML入门到精通 > 4.8 input标签type属性之date选择器 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 4.7 input标签type属性之color拾色器 | 下一篇: 4.9 Datetime和datetime-local日期时间选择器 |
基础语法定义 date 控件,输入类型:date <input type="date"> 示例:input标签type属性之date选择器下面我们来看下在网页中的效果,示例 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>input标签type属性之date日期选择器</title> </head> <body> <form> <input type="date" name="d1" id="d1" value="2019-06-06"> <input type="button" value="获取日期" onClick="fun01()" > <script> function fun01(){ v01 = document.getElementById("d1").value; alert("你选择的日期是:"+v01); } </script> </form> </body> </html> 效果如图4-9和图4-10和图4-11。 |
|
上一篇: 4.7 input标签type属性之color拾色器 | 下一篇: 4.9 Datetime和datetime-local日期时间选择器 |