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 相关文章推荐
Extjs gridpanel 出现横向滚动条问题的解决方法
Jul 04 Javascript
Javascript基础教程之数据类型 (数值 Number)
Jan 18 Javascript
js实现带按钮的上下滚动效果
May 12 Javascript
Easyui Treegrid改变默认图标的方法
Apr 29 Javascript
jQuery事件绑定用法详解
Sep 08 Javascript
Vue.js动态组件解析
Sep 09 Javascript
jQuery 全选 全不选 事件绑定的实现代码
Jan 23 Javascript
微信小程序中多个页面传参通信的学习与实践
May 05 Javascript
Node.js 基础教程之全局对象
Aug 06 Javascript
vue-cli项目中使用Mockjs详解
May 14 Javascript
JavaScript 装逼指南(js另类写法)
May 10 Javascript
JavaScript实现栈结构详细过程
Dec 06 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 adodb连接带密码access数据库实例,测试成功
2008/05/14 PHP
php excel类 phpExcel使用方法介绍
2010/08/21 PHP
tp5(thinkPHP5)框架连接数据库的方法示例
2018/12/24 PHP
PHP高并发和大流量解决方案整理
2021/03/09 PHP
javascript中2个感叹号的用法实例详解
2014/09/04 Javascript
jQuery中on()方法用法实例
2015/01/19 Javascript
js实现跨域访问的三种方法
2015/12/09 Javascript
jQuery选择器及jquery案例详解(必看)
2016/05/20 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
2016/08/01 Javascript
基于JS设计12306登录页面
2016/12/28 Javascript
JavaScript高阶函数_动力节点Java学院整理
2017/06/28 Javascript
使用JavaScript实现alert的实例代码
2017/07/06 Javascript
基于Vue的SPA动态修改页面title的方法(推荐)
2018/01/02 Javascript
浅谈vue-cli 3.0.x 初体验
2018/04/11 Javascript
Puppet的一些技巧
2018/09/17 Javascript
详解关于React-Router4.0跳转不置顶解决方案
2019/05/10 Javascript
关于NodeJS中的循环引用详解
2019/07/23 NodeJs
在Django的URLconf中使用命名组的方法
2015/07/18 Python
剖析Python的Tornado框架中session支持的实现代码
2015/08/21 Python
Django forms组件的使用教程
2018/10/08 Python
python3.x 生成3维随机数组实例
2019/11/28 Python
python环境下安装opencv库的方法
2020/03/05 Python
Python动态导入模块:__import__、importlib、动态导入的使用场景实例分析
2020/03/30 Python
用python计算文件的MD5值
2020/12/23 Python
is_file和file_exists效率比较
2021/03/14 PHP
Bootstrap File Input文件上传组件
2020/12/01 HTML / CSS
英国评分最高的女性剃须刀订阅盒:FFS Beauty
2018/01/25 全球购物
企业申诉管理制度
2014/01/30 职场文书
孝老爱亲模范事迹材料
2014/05/25 职场文书
团队口号大全
2014/06/06 职场文书
作风大整顿心得体会
2014/09/10 职场文书
党的群众路线教育实践活动对照检查材料(四风)
2014/09/27 职场文书
世界环境日活动总结
2015/02/11 职场文书
教导处教学工作总结
2015/08/12 职场文书
关于Spring配置文件加载方式变化引发的异常详解
2022/01/18 Java/Android
Vue全局事件总线你了解吗
2022/02/24 Vue.js