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="";
}
}

效果图

求解求指导!!!!!
展开
 我来答
4everlovehj
2012-12-24 · TA获得超过319个赞
知道小有建树答主
回答量:299
采纳率:0%
帮助的人:188万
展开全部
<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>
追问
我的确是少了一个结尾的标签,但是我加上之后,已然如故。。。。没有变化
还求指导
zw_1127
2012-12-24
知道答主
回答量:34
采纳率:0%
帮助的人:27.9万
展开全部
把你的整个jsp都贴上来,我帮你改好。
追问
只能输入199个字符,兄弟方便的话我加你qq吧
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式