用js实现页面登录重用(一个页面实现两种类型的登录)
来源:互联网 发布:java教程txt下载 编辑:程序博客网 时间:2024/06/05 07:09
<html>
<head>
<title>test</title>
<script type="text/javascript">
function changeRadio(){
var myradio=document.getElementsByName("myRadio");
var div = document.getElementById("myDiv").getElementsByTagName("div");
for(i=0;i<div.length;i++){
if(myradio[i].checked){
div[i].style.display="block";
}
else{
div[i].style.display="none";
}
}
}
</script>
</head>
<body>
<div>
<input type="radio" name="myRadio" checked="checked" onClick="changeRadio()"/>个人
<input type="radio" name="myRadio" onClick="changeRadio()"/>企业
</div>
<div id="myDiv">
<div style="display:block">
<form method="get">
个人用户名:<input type="text" name="username">
密码:<input type="password" name="userpwd">
<input type="submit" value="提交" />
<input type="reset" value="重置"/>
</form>
</div>
<div style="display:none">
<form post="get">
企业用户名:<input type="text" name="entname">
企业密码:<input type="password" name="entpwd">
<input type="submit" value="提交" />
<input type="reset" value="重置"/>
</form>
</div>
<div>
</body>
</html>
<head>
<title>test</title>
<script type="text/javascript">
function changeRadio(){
var myradio=document.getElementsByName("myRadio");
var div = document.getElementById("myDiv").getElementsByTagName("div");
for(i=0;i<div.length;i++){
if(myradio[i].checked){
div[i].style.display="block";
}
else{
div[i].style.display="none";
}
}
}
</script>
</head>
<body>
<div>
<input type="radio" name="myRadio" checked="checked" onClick="changeRadio()"/>个人
<input type="radio" name="myRadio" onClick="changeRadio()"/>企业
</div>
<div id="myDiv">
<div style="display:block">
<form method="get">
个人用户名:<input type="text" name="username">
密码:<input type="password" name="userpwd">
<input type="submit" value="提交" />
<input type="reset" value="重置"/>
</form>
</div>
<div style="display:none">
<form post="get">
企业用户名:<input type="text" name="entname">
企业密码:<input type="password" name="entpwd">
<input type="submit" value="提交" />
<input type="reset" value="重置"/>
</form>
</div>
<div>
</body>
</html>
- 用js实现页面登录重用(一个页面实现两种类型的登录)
- Android实现一个登录页面
- 关于登录页面的实现
- 基本登录页面的实现
- 登录页面回车键的实现
- JS脚本实现用户登录页面
- php中登录页面的实现
- 登录页面“记住我”的功能实现
- 登录页面图片验证码的实现
- 实战1 walker登录页面的实现
- JavaScript 注册登录页面的简单实现
- 简单的jsp页面实现登录
- selenium实现登录页面的自动化测试
- 实现登录成功后跳转到登录前的页面
- 用JS实现一个页面两份样式表
- 用JSP实现WEB页面登录验证
- 用java 实现简单登录页面
- 登录页面,用cookie实现 记住用户名
- JDK自带工具jstack使用简析
- Spring MVC 教程,快速入门,深入分析和注解介绍
- 矩阵内的随机点
- C#中[STAThread]的作用和c#入门的问题
- do...while(0)的妙用
- 用js实现页面登录重用(一个页面实现两种类型的登录)
- AF_DataRequest详解
- 用java调用oracle存储过程总结(转)
- mysql学习笔记
- Wireshark数据包分析实战(第2版)
- 基于FlexPaper+pdf2swf+Office2pdf 实现百度文库功能
- shell中括号使用总结
- 推送技术原理分析及XMPP简单的使用
- 各种引号间的区别