首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

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 相关文章推荐
JavaScript 全面解析各种浏览器网页中的JS 执行顺序
Feb 17 Javascript
JS字符串拼接在ie中都报错的解决方法
Mar 27 Javascript
Bootstrap Table服务器分页与在线编辑应用总结
Aug 08 Javascript
JS正则替换去空格的方法
Mar 24 Javascript
AngularJS自定义指令之复制指令实现方法
May 18 Javascript
基于Two.js实现星球环绕动画效果的示例
Nov 06 Javascript
vue实现打印功能的两种方法
Sep 07 Javascript
在React项目中使用Eslint代码检查工具及常见问题
Oct 10 Javascript
如何使用electron-builder及electron-updater给项目配置自动更新
Dec 24 Javascript
在layui中对table中的数据进行判断(0、1)转换为提示信息的方法
Sep 28 Javascript
VUE:vuex 用户登录信息的数据写入与获取方式
Nov 11 Javascript
Vue中正确使用Element-UI组件的方法实例
Oct 13 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
apply(1) 音频(1) agg(1) 矩阵(1) pandas(7) Tkinter(4) 数据处理(2) GUI(2) 数组(5) mp3Play(1)
You might like
php出现web系统多域名登录失败的解决方法
2014/09/30 PHP
php针对cookie操作的队列操作类实例
2014/12/10 PHP
thinkphp3.0输出重复两次的解决方法
2014/12/19 PHP
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
2011/05/24 Javascript
js实现用户离开页面前提示是否离开此页面的方法（包括浏览器按钮事件）
2015/07/18 Javascript
AngularJS页面访问时出现页面闪烁问题的解决
2016/03/06 Javascript
AngularJS 自定义过滤器详解及实例代码
2016/09/14 Javascript
nodejs连接mysql数据库简单封装示例-mysql模块
2017/04/10 NodeJs
easyui-edatagrid.js实现回车键结束编辑功能的实例
2017/04/12 Javascript
JS触摸事件、手势事件详解
2017/05/04 Javascript
详解node中创建服务进程
2017/05/09 Javascript
删除table表格行的实例讲解
2017/09/21 Javascript
JS处理一些简单计算题
2018/02/24 Javascript
Vue三层嵌套路由的示例代码
2018/05/05 Javascript
vue+elementUi图片上传组件使用详解
2019/08/20 Javascript
解决layui追加或者动态修改的表单元素“没效果”的问题
2019/09/18 Javascript
Python中 Lambda表达式全面解析
2016/11/28 Python
Python 中pandas.read_excel详细介绍
2017/06/23 Python
python如何使用正则表达式的前向、后向搜索及前向搜索否定模式详解
2017/11/08 Python
python实现嵌套列表平铺的两种方法
2018/11/08 Python
Python面向对象程序设计OOP深入分析【构造函数,组合类,工具类等】
2019/01/05 Python
详解Python的三种可变参数
2019/05/08 Python
python 利用已有Ner模型进行数据清洗合并代码
2019/12/24 Python
使用Python实现牛顿法求极值
2020/02/10 Python
将python文件打包exe独立运行程序方法详解
2020/02/12 Python
python deque模块简单使用代码实例
2020/03/12 Python
区分python中的进程与线程
2020/08/13 Python
瑞典廉价机票预订网站：Seat24
2018/06/19 全球购物
苏格兰领先的多渠道鞋店：Begg Shoes
2019/10/22 全球购物
印度尼西亚手表和包包商店：Urban Icon
2019/12/12 全球购物
幼儿园实习自我鉴定
2013/12/15 职场文书
金融行业职业生涯规划范文
2014/01/17 职场文书
环保主题班会教案
2015/08/13 职场文书
七年级数学教学反思
2016/02/17 职场文书
导游词之太湖
2019/10/08 职场文书
MySQL千万级数据表的优化实战记录
2021/08/04 MySQL