Question

怎么样用js实现选项卡切换

<form id="myform" class="myform" name="sjregisterForm" onsubmit="return checkdata()">
<table id="ta">
<tr>
<td class="td1">手机：</td>
<td class="td2"><input name="phone" type="text" placeholder="请输入你的手机号" class="logbox" onblur="checkNumber()">
<font style="color: red; font-size: 12px;" mce_style="color: red; font-size: 12px;" id="NameNumber"></font> </td>
</tr>
<tr height="55" valign="bottom">
<td class="td1">密码：</td>
<td class="td2"><input name="password" type="password" placeholder="密码" class="logbox" onblur="checkPassword()">
<font style="color: red; font-size: 12px;" mce_style="color: red; font-size: 12px;" id="NamePass"></font></td>
</tr>
<tr height="45">
<td/>
<td><label class="checkboxalign"><input type="checkbox" checked>我已阅读并且同意<a>美食杰用户使用协议</a></label></td>
</tr>
<tr>
<td/>
<td><input type="submit" value="登 录" class="logsub"></td>
</tr>
</table>

<table id="tb">
<tr>
<td class="td1">邮箱：</td>
<td class="td2"><input name="Email" type="text" placeholder="请输入邮箱地址" class="logbox" onblur="checkEmail()">
<font style="color: red; font-size: 12px;" mce_style="color: red; font-size: 12px;" id="NameNumber"></font> </td>
</tr>
<tr height="55" valign="bottom">
<td class="td1">密码：</td>
<td class="td2"><input name="password" type="password" placeholder="请输入6-16位数字、字母或符号" class="logbox" onblur="checkPassword()">
<font style="color: red; font-size: 12px;" mce_style="color: red; font-size: 12px;" id="NamePass"></font></td>
</tr>
<tr height="45">
<td/>
<td><label class="checkboxalign"><input type="checkbox" checked>我已阅读并且同意<a>美食杰用户使用协议</a></label></td>
</tr>
<tr>
<td/>
<td><input type="submit" value="登 录" class="logsub"></td>
</tr>
</table>
</form>

Answer 1

<!--标签-->
<div class="tab">
<a href="#tab1">标签1</a>
<a href="#tab2">标签2</a>
<div>
<!--标签对应的内容-->
<div class="content" style="width:200px;height:150px;overflow:hidden;">
<div id="tab1" style="width:100%;height:100%;">

标签1的表单放这里

</div>
<div id="tab2" style="width:100%;height:100%;">

标签2的表单放这里
</div>
</div>