使用javascript实现信息的显示和隐藏
2013-12-03 16:30
736 查看
我们在写注册页面的时候,必填信息是可见的,可选信息是隐藏的,如果用户希望填写,可以单击“详细信息”。
<!-- 下面代码通过javascript实现信息的显示和隐藏 -->
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> function $(idvalue){ return document.getElementById(idvalue); } function showtext(){ if($('text').style.display == 'none'){ $('text').style.display = ''; }else{ $('text').style.display = 'none'; } } </script> </head> <body> <div id="text" style="display:none;">这里是隐藏信息</div> <button id="morebtn" onclick="showtext();">详细信息</button> </body> </html>
相关文章推荐
- 使用javascript实现信息的显示和隐藏
- 使用javascript实现信息的显示和隐藏
- javascript实现信息的显示和隐藏如注册页面
- 在ASP.NET使用JavaScript显示信息提示窗口实现原理及代码
- javascript实现信息的显示和隐藏如注册页面
- JavaScript + jQuery + HTML 实现<input>提示信息的显示、隐藏,功能与jQuery EasyUI的easyui-textbox的prompt属性相同。
- javascript实现信息的显示和隐藏如注册页面
- 在ASP.NET使用JavaScript显示信息提示窗口实现原理及代码
- 使用cookie技术实现,缓存最近浏览过详细信息的三本书的书名列表,并进行相应显示
- 『原创』使用ASP与JAVASCRIPT配合实现多个复选框数据关联显示
- JavaScript实现页面元素显示/隐藏的功能
- JavaScript实现 panel的显示隐藏
- 教你一天玩转JavaScript(四)——使用JavaScript实现定时弹出广告定时隐藏广告
- javascript实现百度地图鼠标滑动事件显示、隐藏
- javascript点击按钮实现隐藏显示切换效果
- 使用CToolTipCtrl控件实现光标移动到一个控件时显示特定的提示信息
- javascript+html 实现隐藏 显示
- 隐藏标题栏和信息栏,实现全屏显示
- jquery与DataGrid实现点击列名显示/隐藏详细信息
- JavaScript实现定时隐藏与显示图片的方法