javascript实现信息的显示和隐藏如注册页面
2013-12-03 00:00
671 查看
我们在写注册页面的时候,必填信息是可见的,可选信息是隐藏的,如果用户希望填写,可以单击“详细信息”。
<!-- 下面代码通过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实现显示和隐藏页面中的某个部分
- javascript 实现页面加载完自动点击链接显示框架右侧信息页面
- JavaScript实现页面元素显示/隐藏的功能
- 使用javascript实现信息的显示和隐藏
- 使用javascript实现信息的显示和隐藏
- ASP.NET实现个人信息注册页面并跳转显示
- JavaScript + jQuery + HTML 实现<input>提示信息的显示、隐藏,功能与jQuery EasyUI的easyui-textbox的prompt属性相同。
- 使用javascript实现信息的显示和隐藏
- JavaScript、CSS、HTML 实现用户注册页面与信息校验
- JavaScript、CSS、JSP 实现用户注册页面与信息校验
- ASP.NET实现个人信息注册页面并跳转显示
- ASP.NET实现个人信息注册页面并跳转显示
- 框架页面的实现及Javascript的改变页面显示和隐藏
- 用JavaScript脚本实现Web页面信息交互
- javascript点击按钮实现隐藏显示切换效果
- JavaScript控制页面显示和隐藏带案例
- 用JavaScript弹出的alert对话框中如何实现显示信息的换行
- javascript控制页面控件隐藏显示的两种方法