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 相关文章推荐
jquery ajax 同步异步的执行示例代码
Jun 23 Javascript
JavaScript 浏览器验证代码(来自discuz)
Jul 17 Javascript
javascript ready和load事件的区别示例介绍
Aug 30 Javascript
js实现的四级左侧网站分类菜单实例
May 06 Javascript
JQuery中基础过滤选择器用法实例分析
May 18 Javascript
JavaScript定时器和优化的取消定时器方法
Jul 03 Javascript
jQuery删除当前节点元素
Dec 07 Javascript
ReactNative之FlatList的具体使用方法
Nov 29 Javascript
swiper 自动图片无限轮播实现代码
May 21 Javascript
用Node编写RESTful API接口的示例代码
Jul 04 Javascript
vue中rem的配置的方法示例
Aug 30 Javascript
prettier自动格式化去换行的实现代码
Aug 25 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
第十五节--Zend引擎的发展
2006/11/16 PHP
使用PHP数组实现无限分类,不使用数据库,不使用递归.
2006/12/09 PHP
解析php dirname()与__FILE__常量的应用
2013/06/24 PHP
php面向对象中static静态属性与方法的内存位置分析
2015/02/08 PHP
crontab无法执行php的解决方法
2016/01/25 PHP
php获取目录中所有文件名及判断文件与目录的简单方法
2017/03/04 PHP
PHP中散列密码的安全性分析
2019/07/26 PHP
document.documentElement &amp;&amp; document.documentElement.scrollTop
2007/12/01 Javascript
jQuery each()方法的使用方法
2010/03/18 Javascript
跨浏览器的 mouseenter mouseleave 以及 compareDocumentPosition的使用说明
2010/05/04 Javascript
左右悬浮可分组的网站QQ在线客服代码(可谓经典)
2012/12/21 Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
2013/07/17 Javascript
javascript Array.prototype.slice的使用示例
2013/11/14 Javascript
showModelDialog弹出文件下载窗口的使用示例
2013/11/19 Javascript
jQuery实现HTML5 placeholder效果实例
2014/12/09 Javascript
javascript实现俄罗斯方块游戏的思路和方法
2015/04/27 Javascript
javascript实现日期时间动态显示示例代码
2015/09/08 Javascript
Bootstrap导航简单实现代码
2017/03/06 Javascript
前端页面文件拖拽上传模块js代码示例
2017/05/19 Javascript
详解如何实现一个简单的Node.js脚手架
2017/12/04 Javascript
微信小程序ajax实现请求服务器数据及模版遍历数据功能示例
2017/12/15 Javascript
vue-router实现编程式导航的代码实例
2019/01/19 Javascript
jquery.pager.js分页实现详解
2019/07/29 jQuery
使用apifm-wxapi快速开发小程序过程详解
2019/08/05 Javascript
Python实现向QQ群成员自动发邮件的方法
2014/11/19 Python
pytorch 归一化与反归一化实例
2019/12/31 Python
python pyecharts 实现一个文件绘制多张图
2020/05/13 Python
keras训练浅层卷积网络并保存和加载模型实例
2020/07/02 Python
详解android与HTML混合开发总结
2018/06/06 HTML / CSS
丝芙兰新加坡官网:Sephora新加坡
2018/12/04 全球购物
秋季红领巾广播稿
2014/01/27 职场文书
作风建设年活动实施方案
2014/10/24 职场文书
监护人证明
2015/06/19 职场文书
钓鱼岛事件感想
2015/08/11 职场文书
大队委员竞选演讲稿
2015/11/20 职场文书
Python开发五子棋小游戏
2022/05/02 Python