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中将多个语句写成一个语句的两种方法小结
Dec 08 Javascript
jquery 常用操作方法
Jan 28 Javascript
javascript中RegExp保留小数点后几位数的方法分享
Aug 13 Javascript
javascript实现链接单选效果的方法
May 13 Javascript
jquery实现手机号码选号的方法
Jul 31 Javascript
JS面试题---关于算法台阶的问题
Jul 26 Javascript
jQuery事件绑定方法学习总结(推荐)
Nov 21 Javascript
超全面的JavaScript开发规范(推荐)
Jan 21 Javascript
微信小程序getPhoneNumber获取用户手机号
Sep 29 Javascript
Vue2.0中集成UEditor富文本编辑器的方法
Mar 03 Javascript
nuxt.js 缓存实践
Jun 25 Javascript
详解vue微信网页授权最终解决方案
Jun 16 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生成WAP页面
2006/10/09 PHP
php读取30天之内的根据算法排序的代码
2008/04/06 PHP
PHP5中使用PDO连接数据库的方法
2010/08/01 PHP
PHP中如何判断AJAX提交的数据
2012/02/05 PHP
php获取文件内容最后一行示例
2014/01/09 PHP
PHP使用pdo实现事务处理操作示例
2018/09/05 PHP
JScript分割字符串示例代码
2013/09/04 Javascript
javascript实现原生ajax的几种方法介绍
2013/09/21 Javascript
JQuery事件e参数的方法preventDefault()取消默认行为
2013/09/26 Javascript
简单实用的全选反选按钮例子
2013/10/18 Javascript
常用jQuery选择器总结
2014/07/11 Javascript
JavaScript中的数组操作介绍
2014/12/30 Javascript
纯JavaScript 实现flappy bird小游戏实例代码
2016/09/27 Javascript
JS实现禁止鼠标右键的功能
2016/10/15 Javascript
JS实现把一个页面层数据传递到另一个页面的两种方式
2018/08/13 Javascript
Angular使用ControlValueAccessor创建自定义表单控件
2019/03/08 Javascript
Vue可自定义tab组件用法实例
2019/10/24 Javascript
微信小程序实现选择地址省市区三级联动
2020/06/21 Javascript
解决Vue @submit 提交后不刷新页面问题
2020/07/18 Javascript
Python如何import文件夹下的文件(实现方法)
2017/01/24 Python
Python实现的下载网页源码功能示例
2017/06/13 Python
spyder常用快捷键(分享)
2017/07/19 Python
mac下给python3安装requests库和scrapy库的实例
2018/06/13 Python
Python编程深度学习计算库之numpy
2018/12/28 Python
Python企业编码生成系统之系统主要函数设计详解
2019/07/26 Python
解决Keras 中加入lambda层无法正常载入模型问题
2020/06/16 Python
python网络爬虫实现发送短信验证码的方法
2021/02/25 Python
英国安全产品购物网站:The Safe Shop
2017/03/20 全球购物
秘鲁购物网站:Linio秘鲁
2017/04/07 全球购物
瑜伽服装品牌:露露柠檬(lululemon athletica)
2017/06/04 全球购物
泰国最新活动和优惠:Megatix
2020/05/07 全球购物
初一体育教学反思
2014/01/29 职场文书
商业活动邀请函
2014/02/04 职场文书
2014年平安建设工作总结
2014/11/19 职场文书
2016大学军训心得体会
2016/01/11 职场文书
vue-element-admin项目导入和导出的实现
2021/05/21 Vue.js