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


Posted in Javascript onDecember 03, 2013

我们在写注册页面的时候,必填信息是可见的,可选信息是隐藏的,如果用户希望填写,可以单击“详细信息”。

<!-- 下面代码通过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 相关文章推荐
js动态加载以及确定加载完成的代码
Jul 31 Javascript
浅析C/C++,Java,PHP,JavaScript,Json数组、对象赋值时最后一个元素后面是否可以带逗号
Mar 22 Javascript
JS两种类型的表单提交方法实例分析
Nov 28 Javascript
javascript 的变量、作用域和内存问题
Apr 19 Javascript
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
vue-router项目实战总结篇
Feb 11 Javascript
React-router4路由监听的实现
Aug 07 Javascript
对Vue beforeRouteEnter 的next执行时机详解
Aug 25 Javascript
微信小程序实现留言板
Oct 31 Javascript
vue项目从node8.x升级到12.x后的问题解决
Oct 25 Javascript
国内常用的js类库大全(CDN公共库)
Jun 24 Javascript
JS数组reduce()方法原理及使用技巧解析
Jul 14 Javascript
一个js控制的导航菜单实例代码
Dec 03 #Javascript
JS与C#编码解码
Dec 03 #Javascript
探讨jQuery的ajax使用场景(c#)
Dec 03 #Javascript
浅析JavaScript原型继承的陷阱
Dec 03 #Javascript
解析JavaScript中instanceof对于不同的构造器或许都返回true
Dec 03 #Javascript
探讨JavaScript中声明全局变量三种方式的异同
Dec 03 #Javascript
解析JavaScript中delete操作符不能删除的对象
Dec 03 #Javascript
You might like
PHP的FTP学习(四)
2006/10/09 PHP
一个很不错的PHP翻页类
2009/06/01 PHP
Mac OS下配置PHP+MySql环境
2015/02/25 PHP
[企业公众号]升级到[企业微信]之后发送消息失败的解决方法
2017/06/30 PHP
兼容IE和FF的js脚本代码小结(比较常用)
2010/12/06 Javascript
js中document.write使用过程中的一点疑问解答
2014/03/20 Javascript
使用js dom和jquery分别实现简单增删改
2014/09/11 Javascript
javascript实现字符串反转的方法
2015/02/05 Javascript
javascript实现继承的简单实例
2015/07/26 Javascript
JS自动倒计时30秒后按钮才可用(两种场景)
2015/08/31 Javascript
JavaScript基本语法学习教程
2016/01/14 Javascript
学习JavaScript设计模式之单例模式
2016/01/19 Javascript
设置点击文本框或图片弹出日历控件的实现代码
2016/05/12 Javascript
JS 获取HTML标签内的子节点的方法
2016/09/21 Javascript
Angular.JS判断复选框checkbox是否选中并实时显示
2016/11/30 Javascript
基于代数方程库Algebra.js解二元一次方程功能示例
2017/06/09 Javascript
使用jQuery实现购物车结算功能
2017/08/15 jQuery
WebPack配置vue多页面的技巧
2018/05/15 Javascript
使用node.js实现微信小程序实时聊天功能
2018/08/13 Javascript
JS实现的小火箭发射动画效果示例
2018/12/08 Javascript
Vue项目引发的「过滤器」使用教程
2019/03/12 Javascript
python监控网站运行异常并发送邮件的方法
2015/03/13 Python
在Django框架中运行Python应用全攻略
2015/07/17 Python
Python中matplotlib中文乱码解决办法
2017/05/12 Python
TensorFlow实现随机训练和批量训练的方法
2018/04/28 Python
python批量修改图片大小的方法
2018/07/24 Python
使用 Python 写一个简易的抽奖程序
2019/12/08 Python
django框架F&amp;Q 聚合与分组操作示例
2019/12/12 Python
python爬虫中的url下载器用法详解
2020/11/30 Python
欧洲当代手工玻璃和瓷器的领先品牌:LSA International
2018/06/03 全球购物
来自世界各地的饮料:Flavourly
2019/05/06 全球购物
中学生校园广播稿
2014/01/16 职场文书
5s标语大全
2014/06/23 职场文书
优秀班集体申报材料
2014/12/25 职场文书
股份转让协议书范本
2015/01/27 职场文书
postgresql中如何执行sql文件
2023/05/08 PostgreSQL