当前阅读教程:HTML入门到精通 > 4.12 input标签type属性之hidden隐藏字段 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 4.10 input标签type属性之email邮件地址 | 下一篇: 4.13 input标签type属性之image图像按钮 |
基础语法定义隐藏字段,隐藏字段对于用户是不可见的。隐藏字段常常存储默认值,或者由 JavaScript 改变它们的值。 输入类型:hidden。 <input type="hidden"> 示例:input标签type属性之hidden隐藏字段下面我们来看下在网页中的效果,示例 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>input标签type属性之hidden隐藏字段</title> </head> <body> <form> <input type="date" name="d1" id="d1" value="2019-06-06"> <input type="button" value="获取日期" onClick="fun01()" > <hr> <input type="hidden" name="uid" id="uid" value="1001"> <input type="button" value="获取隐藏的内容" onClick="fun02()" > <script> function fun01(){ v01 = document.getElementById("d1").value; alert("你选择的日期是:"+v01); } function fun02(){ v02 = document.getElementById("uid").value; alert("你隐藏的数据是:"+v02); } </script> </form> </body> </html> 效果如图4-21和图4-22。 |
|
上一篇: 4.10 input标签type属性之email邮件地址 | 下一篇: 4.13 input标签type属性之image图像按钮 |