javascript实现信息的显示和隐藏如注册页面

原创 2013年12月04日 16:35:22
我们在写注册页面的时候,必填信息是可见的,可选信息是隐藏的,如果用户希望填写,可以单击“详细信息”。
 代码如下:

<!-- 下面代码通过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>
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

ASP.NET 个人信息注册页面,并跳转显示

题目 新建一个MVC项目,利用HTML、CSS、JS、jQuery、Ajax、jQuery UI等技术设计一个个人信息注册页面。当点击“提交”按钮时,跳转到新的页面显示录入信息。 基本要求: 用...

android程序一个注册,然后到设置兴趣爱好,出生日期,然后把所有信息显示在另一个页面的程序

这个程序要达到的效果简图如下图第一个页面 public class MainActivity extends Activity implements OnClickListener, ...

手写注册页面,并实现验证信息(AJAX,Jquery,正则表达式,密码强度验证)

@{     Layout = null; }                    ...

<Java Web学习初级阶段>JavaScript实现注册页面的表单验证

代码实现: 表单验证 //初始化页面 function initform(){ //第一个文本框获取焦点 //document.getElementById("usern...

JavaScript 注册登录页面的简单实现

九月的开学至今,将近一个月的时间来学习JavaScript,如今花了一个星期的课余时间做了一个网站的注册登录页面的简单实现,在此记录一番。 1.基础知识的汲取。 对于学习新的知识,本人喜欢以书籍的...

Android 注册页面 设置显示或者隐藏密码 和 点击获取验证码倒计时60s

在Android开发时候 肯定遇到注册输入密码 、验证码之类的问题 用户登录或者是注册页面肯定都有输入密码的小框框 这时候就需要用到  显示或者隐藏密码了 验证码稍微复杂一点  需要点击后背景变...

JavaScript实现页面元素显示/隐藏的功能

参考:http://www.w3school.com.cn 不知道HTML5+CSS3能不能完成,还没有研究过。网上参考到的是用JS来实现的。主要是JS获取事件,改变属性,印象显示/隐藏的发...

学生信息管理系统注册页面(first html)

人生第一个试手网页写了简单的学生信息管理系统注册页面的样式: xixixi function a1() { var p1=reg.mim...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)