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 相关文章推荐
利用javascript中的call实现继承
Jan 22 Javascript
JavaScript 构造函数 面相对象学习必备知识
Jun 09 Javascript
jquery的flexigrid无法显示数据提示获取到数据
Jul 19 Javascript
js调试系列 初识控制台
Jun 18 Javascript
js识别uc浏览器的代码
Nov 06 Javascript
jQuery设置Cookie及删除Cookie实例分析
Apr 15 Javascript
非常漂亮的相册集 使用jquery制作相册集
Apr 28 Javascript
Javascript 对cookie操作详解及实例
Dec 29 Javascript
细说webpack源码之compile流程-rules参数处理技巧(1)
Dec 26 Javascript
微信小程序实现语音识别转文字功能及遇到的坑
Aug 02 Javascript
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
Apr 01 jQuery
关于JavaScript中异步/等待的用法与理解
Nov 18 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
FCKeditor添加自定义按钮
2008/03/27 PHP
学习discuz php 引入文件的方法DISCUZ_ROOT
2009/06/21 PHP
php打印输出棋盘的实现方法
2014/12/23 PHP
Laravel数据库读写分离配置的方法
2019/10/13 PHP
教你如何解密js/vbs/vbscript加密的编码异处理小结
2008/06/25 Javascript
通过event对象的fromElement属性解决热区设置主实体的一个bug
2008/12/22 Javascript
firefox和IE系列的相关区别整理 以备后用
2009/12/28 Javascript
基于jquery实现拆分姓名的方法(纯JS版)
2013/05/08 Javascript
JS鼠标滑过图片时切换图片实现思路
2013/09/12 Javascript
node.js中的buffer.write方法使用说明
2014/12/10 Javascript
javascript中this的四种用法
2015/05/11 Javascript
理解JavaScript中Promise的使用
2016/01/18 Javascript
教你用十行node.js代码读取docx的文本
2017/03/08 Javascript
React组件生命周期详解
2017/07/03 Javascript
javascript cookie的基本操作(添加和删除)
2017/07/24 Javascript
BootStrap点击保存后实现模态框自动关闭的思路(模态框)
2017/09/26 Javascript
vue回到顶部监听滚动事件详解
2019/08/02 Javascript
node读写Excel操作实例分析
2019/11/06 Javascript
vue-iview动态新增和删除的方法
2020/06/17 Javascript
Python获取文件ssdeep值的方法
2014/10/05 Python
Python调用C# Com dll组件实战教程
2017/10/12 Python
pandas 按照特定顺序输出的实现代码
2018/07/10 Python
详解python:time模块用法
2019/03/25 Python
ipython和python区别详解
2019/06/26 Python
python中的反斜杠问题深入讲解
2019/08/12 Python
Python 如何批量更新已安装的库
2020/05/26 Python
pytorch使用horovod多gpu训练的实现
2020/09/09 Python
建议书标准格式
2014/03/12 职场文书
工地安全标语
2014/06/07 职场文书
教师党员个人总结
2015/02/10 职场文书
部门经理迟到检讨书
2015/02/16 职场文书
2015婚礼主持词开场白
2015/05/28 职场文书
电影红河谷观后感
2015/06/11 职场文书
Python如何使用logging为Flask增加logid
2021/03/30 Python
2021年最新用于图像处理的Python库总结
2021/06/15 Python
AJAX引擎原理以及XmlHttpRequest对象的axios、fetch区别详解
2022/04/09 Javascript