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 相关文章推荐
firefox中用javascript实现鼠标位置的定位
Jun 17 Javascript
jQuery 工具函数学习资料
Apr 29 Javascript
jQuery实现放大镜效果实例代码
Mar 17 Javascript
微信公众号-获取用户信息(网页授权获取)实现步骤
Oct 21 Javascript
最常用的jQuery表单验证(简单)
May 23 jQuery
解决bootstrap下拉菜单点击立即隐藏bug的方法
Jun 13 Javascript
Vue.js组件通信的几种姿势
Oct 23 Javascript
Vue动态控制input的disabled属性的方法
Jun 26 Javascript
vue使用监听实现全选反选功能
Jul 06 Javascript
Vue中的异步组件函数实现代码
Jul 20 Javascript
VUE脚手架具体使用方法
May 20 Javascript
在Vue中使用icon 字体图标的方法
Jun 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编程网上资源导航
2006/10/09 PHP
PHP迅雷、快车、旋风下载专用链转换代码
2010/06/15 PHP
php5.3 注意事项说明
2013/07/01 PHP
javascript some()函数用法详解
2014/11/13 PHP
PHP实现二维数组去重功能示例
2017/01/12 PHP
PHP用正则匹配form表单中所有元素的类型和属性值实例代码
2017/02/28 PHP
使用CSS3实现字体颜色渐变的实现
2021/03/09 HTML / CSS
权威JavaScript 中的内存泄露模式
2007/08/13 Javascript
jQuery 锚点跳转滚动条平滑滚动一句话代码
2010/04/30 Javascript
jQuery EasyUI API 中文文档 - ComboTree组合树
2011/10/11 Javascript
jQuery fadeTo方法调整图片的透明度使用介绍
2013/05/06 Javascript
JS获取当前日期和时间的简单实例
2013/11/19 Javascript
使用jquery动态加载js文件的方法
2014/12/24 Javascript
Node.js编程中客户端Session的使用详解
2015/06/23 Javascript
js简单实现标签云效果实例
2015/08/06 Javascript
JQuery插件Marquee.js实现无缝滚动效果
2016/04/26 Javascript
详解JavaScript中this关键字的用法
2016/05/26 Javascript
JS动态给对象添加属性和值的实现方法
2016/10/21 Javascript
JS使用正则截取两个字符串之间的字符串实现方法详解
2017/01/06 Javascript
Javasript设计模式之链式调用详解
2018/04/26 Javascript
vue 中动态绑定class 和 style的方法代码详解
2018/06/01 Javascript
小程序实现人脸识别功能(百度ai)
2018/12/23 Javascript
python的keyword模块用法实例分析
2015/06/30 Python
Python 详解基本语法_函数_返回值
2017/01/22 Python
Python 访问限制 private public的详细介绍
2018/10/16 Python
对python多线程中互斥锁Threading.Lock的简单应用详解
2019/01/11 Python
英国袜子店:Sock Shop
2017/01/11 全球购物
台湾乐天市场:日本No.1的网路购物网站
2017/03/22 全球购物
The North Face官方旗舰店:美国著名户外品牌
2020/09/28 全球购物
什么是smarty? Smarty的优点是什么?
2013/08/11 面试题
C#面试问题
2016/07/29 面试题
校园环保建议书
2014/05/14 职场文书
法律进社区活动总结
2015/05/07 职场文书
2015年学校教科室工作总结
2015/07/20 职场文书
JavaScript原始值与包装对象的详细介绍
2021/05/11 Javascript
详解Go与PHP的语法对比
2021/05/29 PHP