源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

javascript实现信息的显示和隐藏如注册页面

  • 时间:2020-10-29 00:39 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:javascript实现信息的显示和隐藏如注册页面
我们在写注册页面的时候,必填信息是可见的,可选信息是隐藏的,如果用户希望填写,可以单击“详细信息”。
[u]复制代码[/u] 代码如下:
<!-- 下面代码通过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>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部