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 相关文章推荐
JScript内置对象Array中元素的删除方法
Mar 08 Javascript
Jquery 点击按钮显示和隐藏层的代码
Jul 25 Javascript
jquery select 设置默认选中的示例代码
Feb 07 Javascript
浅析jquery的js图表组件highcharts
Mar 06 Javascript
javascript面向对象之this关键词用法分析
Jan 13 Javascript
举例说明如何为JavaScript的方法参数设置默认值
Nov 17 Javascript
JavaScript实现点击按钮字体放大、缩小
Feb 29 Javascript
通过隐藏iframe实现无刷新上传文件操作
Mar 16 Javascript
利用JS实现简单的日期选择插件
Jan 23 Javascript
Angularjs使用指令做表单校验的方法
Mar 31 Javascript
整理一些最近经常遇到的前端面试题
Apr 25 Javascript
javascript闭包的使用之按钮切换功能
Aug 30 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
在Mac OS上自行编译安装Apache服务器和PHP解释器
2015/12/24 PHP
PHP读取文件内容的五种方式
2015/12/28 PHP
在Laravel中使用GuzzleHttp调用第三方服务的API接口代码
2019/10/15 PHP
dojo 之基础篇(三)之向服务器发送数据
2007/03/24 Javascript
返回对象在当前级别中是第几个元素的实现代码
2011/01/20 Javascript
关于JavaScript与HTML的交互事件
2013/04/12 Javascript
Jquery判断$(&quot;#id&quot;)获取的对象是否存在的方法
2013/09/25 Javascript
jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮
2013/10/11 Javascript
JavaScript学习笔记之DOM基础 2.4
2015/08/14 Javascript
javascript 显示全局变量与隐式全局变量的区别
2017/02/09 Javascript
Vue.js教程之axios与网络传输的学习实践
2017/04/29 Javascript
详解node HTTP请求客户端 - Request
2017/05/05 Javascript
利用jQuery实现简单的拖曳效果实例代码
2017/10/20 jQuery
vue.js中引入vuex储存接口数据及调用的详细流程
2017/12/14 Javascript
Vuex 在Vue 组件中获得Vuex 状态state的方法
2018/08/27 Javascript
javascript中call()、apply()的区别
2019/03/21 Javascript
javascript面向对象程序设计实践常用知识点总结
2019/07/29 Javascript
vue 解决无法对未定义的值,空值或基元值设置反应属性报错问题
2020/07/31 Javascript
python二叉树的实现实例
2013/11/21 Python
Tensorflow中tf.ConfigProto()的用法详解
2020/02/06 Python
使用 prometheus python 库编写自定义指标的方法(完整代码)
2020/06/29 Python
iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配
2020/04/08 HTML / CSS
wordpress添加Html5的表单验证required方法小结
2020/08/18 HTML / CSS
2014年自我评价
2014/01/04 职场文书
生产部管理制度
2014/01/31 职场文书
采购部经理岗位职责
2014/02/10 职场文书
元旦红领巾广播稿
2014/02/19 职场文书
巾帼建功标兵事迹材料
2014/05/11 职场文书
廉政承诺书
2015/01/19 职场文书
明星邀请函
2015/02/02 职场文书
会计工作能力自我评价
2015/03/05 职场文书
网吧员工管理制度
2015/08/05 职场文书
如何写好活动总结
2019/06/21 职场文书
晶体管来复再生式二管收音机
2021/04/22 无线电
一篇文章带你搞懂Python类的相关知识
2021/05/20 Python
React Native项目框架搭建的一些心得体会
2021/05/28 Javascript