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 相关文章推荐
javascript 鼠标悬浮图片显示原图 移出鼠标后原图消失(多图)
Dec 28 Javascript
extjs_02_grid显示本地数据、显示跨域数据
Jun 23 Javascript
Bootstrap每天必学之面板
Nov 30 Javascript
原生JS取代一些JQuery方法的简单实现
Sep 20 Javascript
Bootstrap组件之下拉菜单,多级菜单及按钮布局方法实例
May 25 Javascript
解决BootStrap Fileinput手机图片上传显示旋转问题
Jun 01 Javascript
javaScript之split与join的区别(详解)
Nov 08 Javascript
Angular2整合其他插件的方法
Jan 20 Javascript
Angular网络请求的封装方法
May 22 Javascript
vue中使用sessionStorage记住密码功能
Jul 24 Javascript
VSCode插件安装完成后的配置(常用配置)
Aug 24 Javascript
angular异步验证器防抖实例详解
Mar 31 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文件向另一个地址post数据,不用表单和隐藏的变量的
2007/03/06 PHP
laravel 解决paginate查询多个字段报错的问题
2019/10/22 PHP
Flash对联广告的关闭按钮讨论
2007/01/30 Javascript
预加载css或javascript的js代码
2010/04/23 Javascript
Javascript中的for in循环和hasOwnProperty结合使用
2013/06/05 Javascript
Javascript selection的兼容性写法介绍
2013/12/20 Javascript
jQuery四种选择器使用及示例
2016/06/05 Javascript
原生js实现中奖信息无间隙滚动效果
2017/01/18 Javascript
JavaScript 过滤关键字
2017/03/20 Javascript
vue translate peoject实现在线翻译功能【新手必看】
2018/06/07 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
2018/08/06 Javascript
在微信小程序中使用图表的方法示例
2019/04/25 Javascript
js纯前端实现腾讯cos文件上传功能的示例代码
2019/05/14 Javascript
一步一步实现Vue的响应式(对象观测)
2019/09/02 Javascript
nuxt框架中对vuex进行模块化设置的实现方法
2019/09/06 Javascript
微信小程序动态添加和删除组件的现实
2020/02/28 Javascript
微信小程序仿抖音短视频切换效果的实例代码
2020/06/24 Javascript
TensorFlow 滑动平均的示例代码
2018/06/19 Python
python实现QQ批量登录功能
2019/06/19 Python
pandas分区间,算频率的实例
2019/07/04 Python
Python scrapy增量爬取实例及实现过程解析
2019/12/24 Python
打包PyQt5应用时的注意事项
2020/02/14 Python
对python pandas中 inplace 参数的理解
2020/06/27 Python
canvas绘图按照contain或者cover方式适配并居中显示
2019/02/18 HTML / CSS
美国滑雪板和装备购物网站:Skis.com
2018/12/20 全球购物
英语专业学生的自我评价
2013/12/30 职场文书
建材投资建议书
2014/05/16 职场文书
软件工程毕业生自荐信
2014/07/04 职场文书
学生会竞选演讲稿纪检部
2014/08/25 职场文书
三好生演讲稿
2014/09/12 职场文书
初婚未育证明样本
2014/10/24 职场文书
介绍长城的导游词
2015/01/30 职场文书
安全教育主题班会总结
2015/08/14 职场文书
Pytorch 中net.train 和 net.eval的使用说明
2021/05/22 Python
MySQL查看表和清空表的常用命令总结
2021/05/26 MySQL
以MySQL5.7为例了解一下执行计划
2022/04/13 MySQL