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 this关键字的问题
Jan 09 Javascript
JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
Apr 11 Javascript
js中string转int把String类型转化成int类型
Aug 13 Javascript
浅谈下拉菜单中的Option对象
May 10 Javascript
js实现兼容IE、Firefox的图片缩放代码
Dec 08 Javascript
Boostrap入门准备之border box
May 09 Javascript
jQuery UI仿淘宝搜索下拉列表功能
Jan 10 Javascript
360doc网站不登录就无法复制内容的解决方法
Jan 27 Javascript
jQuery.validate.js表单验证插件的使用代码详解
Oct 22 jQuery
js取小数点后两位四种方法
Jan 18 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
Nov 26 jQuery
Node中对非阻塞I/O、事件循环的知识点总结
Jan 05 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
咖啡知识 咖啡养豆要养多久 排气又是什么
2021/03/06 新手入门
php类中的各种拦截器用法分析
2014/11/03 PHP
PHP获取数组中重复最多的元素的实现方法
2014/11/11 PHP
PHP  Yii清理缓存的实现方法
2016/11/10 PHP
Yii框架常见缓存应用实例小结
2019/09/09 PHP
PHP 与 js的通信(via ajax,json)
2010/11/16 Javascript
JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码
2012/02/02 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
2013/04/17 Javascript
js导出table数据到excel即导出为EXCEL文档的方法
2013/10/10 Javascript
DOM节点深度克隆函数cloneNode()用法实例
2015/01/12 Javascript
vue实现学生录入系统之添加删除功能
2018/07/11 Javascript
vue实现简单的日历效果
2020/09/24 Javascript
前后端常见的几种鉴权方式(小结)
2019/08/04 Javascript
Nodejs 识别图片类型的方法
2019/08/15 NodeJs
浅谈layui使用模板引擎动态渲染元素要注意的问题
2019/09/14 Javascript
vue实现鼠标移过出现下拉二级菜单功能
2019/12/12 Javascript
《javascript设计模式》学习笔记一:Javascript面向对象程序设计对象成员的定义分析
2020/04/07 Javascript
[00:17]游戏风云独家报道:DD赛后说出数字秘密 吓死你们啊!
2014/07/13 DOTA
[02:18]《我与DAC》之工作人员:为了热爱DOTA2的玩家们
2018/03/28 DOTA
简单的连接MySQL与Python的Bottle框架的方法
2015/04/30 Python
详谈pandas中agg函数和apply函数的区别
2018/04/20 Python
python实现搜索文本文件内容脚本
2018/06/22 Python
flask框架实现连接sqlite3数据库的方法分析
2018/07/16 Python
python 2.7.13 安装配置方法图文教程
2018/09/18 Python
python多进程重复加载的解决方式
2019/12/13 Python
解决pycharm中opencv-python导入cv2后无法自动补全的问题(不用作任何文件上的修改)
2020/03/05 Python
pycharm中选中一个单词替换所有重复单词的实现方法
2020/11/17 Python
html5默认气泡修改的代码详解
2020/03/13 HTML / CSS
经济学博士求职自荐信范文
2013/11/23 职场文书
行政部主管岗位职责
2013/12/28 职场文书
交通安全演讲稿
2014/01/07 职场文书
亲子运动会的活动方案
2014/08/17 职场文书
2014年办公室主任工作总结
2014/11/12 职场文书
幼儿教师2014年度工作总结
2014/12/16 职场文书
2015大一新生军训感言
2015/08/01 职场文书
解析在浏览器地址栏输入一个URL后发生了什么
2021/06/21 Servers