jsp页面隐藏显示输入框后输入框对不齐,求指点!
登陆操作,有下拉框选择相应登陆方式;登录操作框最上方为登录方式选择,分别为ABCD;在登录方式选择下面是登陆需要填写的a栏和b栏和密码栏;登陆命一般为xxx@XXX的方式...
登陆操作,有下拉框选择相应登陆方式;
登录操作框最上方为登录方式选择,分别为ABCD;
在登录方式选择下面是登陆需要填写的a栏和b栏和密码栏;
登陆命一般为xxx@XXX的方式;
要实现的效果是:
当登录方式为A时候,a栏填写xxx、b栏填写XXX,输入密码即可登陆;
当选择BCD登陆时候,a栏隐藏,只留b栏,b栏的填写方式改为xxx@XXX;
b栏其实有两个input标签的输入框,一个只接受xxx,display默认为显示,id为b1;另外一个input输入框接受xxx@XXX,默认为隐藏,id为b2,当选择BCD登录方式时候a栏消失、b栏b1隐藏b2出现;
现在出现的问题是:
当选择A方式登陆时候,a和b栏和密码栏的从上到下三个输入框是左对齐的(三个输入框的width值也相同,且属性都为align=“left”);
但是当选择BCD登录方式的时候,a栏消失没问题,id=b2的隐藏输入框显示,原id=b1的输入框隐藏也没问题,可是新出现的b2的输入框和密码栏对不齐了。。。
小弟有点罗嗦,只希望背景交代清楚,莫嫌弃 哈哈
页面代码如下:
输入框部分
<tr id="TR1">
<td height="25" colspan="2" align="left">
<span class="login_02">企业编号:
<input type="text" class="input2" name="LOGINNAME1"
value="<%=loginname1%>" style="width: 135px;"
onKeyDown="if(event.keyCode==13)event.keyCode=9"></input>
</span>
</td>
</tr>
<tr>
<td height="25" colspan="2" align="left">
<span class="login_02">用户账号:
<input id="index1"
type="text" class="input2" name="LOGINNAME2"
value="<%=loginname2%>" style="width: 135px;"
onKeyDown="if(event.keyCode==13)event.keyCode=9"></input>
<input id="index2"
type="text" class="input2" name="LOGINNAME"
value="<%=loginname%>" style="width: 135px; display: none;"
onKeyDown="if(event.keyCode==13)event.keyCode=9"></input>
</span>
</tr>
js方法是
function changeLoginType(thisform){ var obj=document.getElementById("AccountType");
var TR1 = document.getElementById("TR1");
var index1 = document.getElementById("index1");
var index2 = document.getElementById("index2");
if(obj.value == "0"){ cq_indexTR1.style.display="";
index1.style.display="";
index2.style.display="none";
}else{
cq_indexTR1.style.display="none";
index1.style.display="none";
index2.style.display="";
}
}
效果图
求解求指导!!!!! 展开
登录操作框最上方为登录方式选择,分别为ABCD;
在登录方式选择下面是登陆需要填写的a栏和b栏和密码栏;
登陆命一般为xxx@XXX的方式;
要实现的效果是:
当登录方式为A时候,a栏填写xxx、b栏填写XXX,输入密码即可登陆;
当选择BCD登陆时候,a栏隐藏,只留b栏,b栏的填写方式改为xxx@XXX;
b栏其实有两个input标签的输入框,一个只接受xxx,display默认为显示,id为b1;另外一个input输入框接受xxx@XXX,默认为隐藏,id为b2,当选择BCD登录方式时候a栏消失、b栏b1隐藏b2出现;
现在出现的问题是:
当选择A方式登陆时候,a和b栏和密码栏的从上到下三个输入框是左对齐的(三个输入框的width值也相同,且属性都为align=“left”);
但是当选择BCD登录方式的时候,a栏消失没问题,id=b2的隐藏输入框显示,原id=b1的输入框隐藏也没问题,可是新出现的b2的输入框和密码栏对不齐了。。。
小弟有点罗嗦,只希望背景交代清楚,莫嫌弃 哈哈
页面代码如下:
输入框部分
<tr id="TR1">
<td height="25" colspan="2" align="left">
<span class="login_02">企业编号:
<input type="text" class="input2" name="LOGINNAME1"
value="<%=loginname1%>" style="width: 135px;"
onKeyDown="if(event.keyCode==13)event.keyCode=9"></input>
</span>
</td>
</tr>
<tr>
<td height="25" colspan="2" align="left">
<span class="login_02">用户账号:
<input id="index1"
type="text" class="input2" name="LOGINNAME2"
value="<%=loginname2%>" style="width: 135px;"
onKeyDown="if(event.keyCode==13)event.keyCode=9"></input>
<input id="index2"
type="text" class="input2" name="LOGINNAME"
value="<%=loginname%>" style="width: 135px; display: none;"
onKeyDown="if(event.keyCode==13)event.keyCode=9"></input>
</span>
</tr>
js方法是
function changeLoginType(thisform){ var obj=document.getElementById("AccountType");
var TR1 = document.getElementById("TR1");
var index1 = document.getElementById("index1");
var index2 = document.getElementById("index2");
if(obj.value == "0"){ cq_indexTR1.style.display="";
index1.style.display="";
index2.style.display="none";
}else{
cq_indexTR1.style.display="none";
index1.style.display="none";
index2.style.display="";
}
}
效果图
求解求指导!!!!! 展开
2个回答
展开全部
<tr>
<td height="25" colspan="2" align="left">
<span class="login_02">用户账号:
<input id="index1"
type="text" class="input2" name="LOGINNAME2"
value="<%=loginname2%>" style="width: 135px;"
onKeyDown="if(event.keyCode==13)event.keyCode=9"></input>
<input id="index2"
type="text" class="input2" name="LOGINNAME"
value="<%=loginname%>" style="width: 135px; display: none;"
onKeyDown="if(event.keyCode==13)event.keyCode=9"></input>
</span>
</td>
</tr>
你少写了一个</td>
<td height="25" colspan="2" align="left">
<span class="login_02">用户账号:
<input id="index1"
type="text" class="input2" name="LOGINNAME2"
value="<%=loginname2%>" style="width: 135px;"
onKeyDown="if(event.keyCode==13)event.keyCode=9"></input>
<input id="index2"
type="text" class="input2" name="LOGINNAME"
value="<%=loginname%>" style="width: 135px; display: none;"
onKeyDown="if(event.keyCode==13)event.keyCode=9"></input>
</span>
</td>
</tr>
你少写了一个</td>
追问
我的确是少了一个结尾的标签,但是我加上之后,已然如故。。。。没有变化
还求指导
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询