针对你这种情况,可以在一个 FORM 中完成,加上一点点动态效果。
看下面代码的效果。
HTML 代码:
<html>
<head>
<script language="javascript" type="text/javascript">
function submitForm(o) {
if (o.ref[0].checked) {
o.action = "login_1.asp"; //登录论坛
} else {
o.action = "login_2.asp"; //登录网站
}
//o.submit();
}
function selectForm(o) {
if (o.ref[0].checked) {
document.getElementById("frm1").style.display = "block";
document.getElementById("frm2").style.display = "none";
} else {
document.getElementById("frm1").style.display = "none";
document.getElementById("frm2").style.display = "block";
}
}
function init() {
document.getElementById("frm2").style.display = "none";
}
</script>
</head>
<body onload="init();">
<form name="myform" id="myform" action="" method="post" onsubmit="submitForm(this);">
<p id="frm1">论坛帐号:<input name="loginuser" type="text" size="8" value=""> 论坛密码:<input name="loginpwd" type="password" size="8" value=""></p>
<p id="frm2">网站帐号:<input name="username" type="text" size="8" value=""> 网站密码:<input name="username" type="password" size="8" value=""></p>
<input name="ref" type="radio" value="1" onclick="selectForm(this.form);" checked>论坛
<input name="ref" type="radio" value="2" onclick="selectForm(this.form);">网站
<br>
<input name="submit" type="submit" value="提交"> <input name="reset" type="reset" value="重置">
</form>
</body>
</html>