jsp页面隐藏显示输入框后输入框对不齐，求指点！

Posted 2023-03-31

登陆操作，有下拉框选择相应登陆方式；
登录操作框最上方为登录方式选择，分别为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="";



效果图

求解求指导！！！！！

<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>追问

我的确是少了一个结尾的标签，但是我加上之后，已然如故。。。。没有变化
还求指导

参考技术A 把你的整个jsp都贴上来，我帮你改好。追问

只能输入199个字符，兄弟方便的话我加你qq吧