html和JS做一个简单的例子

main.html做个导航栏，right.html做radiobutton的五个input type="text"，left.html做textbox的五个，用iframe将right和left放到所需位置，设置visibility为hidden，点击后用JS改变其值为visible，保存的实现用sample.js，就是改变这些input的defaultValue为输入的内容

<table width="660" border="0" cellpadding="2" cellspacing="1" bgcolor="#ECECEC" style="text-align:center">

<tr style="background-color:#EAF8E6color:#6EA358">

<td width="128"><a href="http://money.duote.com/search2.php?uid=1339&so=网络聊天" target="_blank">网络聊天</a></td>

<td width="128"><a href="http://money.duote.com/search2.php?uid=1339&so=网页浏览" target="_blank">网页浏览</a></td>

<td width="128"><a href="http://money.duote.com/search2.php?uid=1339&so=视频播放" target="_blank">视频播放</a></td>

<td width="128"><a href="http://money.duote.com/search2.php?uid=1339&so=音频播放" target="_blank">音频播放</a></td>

<td width="128"><a href="http://money.duote.com/search2.php?uid=1339&so=系统设置" target="_blank">系统设置</a></td>

</tr>

<tr bgcolor="#FFFFFF">

<td><a href="http://money.duote.com/search2.php?uid=1339&so=腾讯QQ" target="_blank">腾讯QQ</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=傲游Maxthon" target="_blank">傲游Maxthon</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=暴风影音" target="_blank">暴风影音</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=Foobar" target="_blank">Foobar</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=优化大师" target="_blank">优化大师</a></td>

</tr>

<tr bgcolor="#F7F7F7" >

<td><a href="http://money.duote.com/search2.php?uid=1339&so=微软MSN" target="_blank">微软MSN</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=火狐Firefox" target="_blank">火狐Firefox</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=Kmplayer" target="_blank">Kmplayer</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=Winamp" target="_blank">Winamp</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=超级兔子" target="_blank">超级兔子</a></td>

</tr>

<tr bgcolor="#FFFFFF">

<td><a href="http://money.duote.com/search2.php?uid=1339&so=TM2008" target="_blank">TM2008</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=腾讯TT" target="_blank">腾讯TT</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=RealPlayer" target="_blank">RealPlayer</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=千千静听" target="_blank">千千静听</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=诺顿Ghost" target="_blank">诺顿Ghost</a></td>

</tr>

<tr style="background-color:#EAF8E6color:#6EA358">

<td><a href="http://money.duote.com/search2.php?uid=1339&so=汉字输入" target="_blank">汉字输入</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=病毒防治" target="_blank">病毒防治</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=网络安全" target="_blank">网络安全</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=防疫木马" target="_blank">防疫木马</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=压缩解压" target="_blank">压缩解压</a></td>

</tr>

<tr bgcolor="#FFFFFF">

<td><a href="http://money.duote.com/search2.php?uid=1339&so=搜狗拼音" target="_blank">搜狗拼音</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=金山毒霸" target="_blank">金山毒霸</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=天网防火墙" target="_blank">天网防火墙</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=360安全卫士" target="_blank">360安全卫士</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=WinRAR" target="_blank">WinRAR</a></td>

</tr>

<tr bgcolor="#F7F7F7">

<td><a href="http://money.duote.com/search2.php?uid=1339&so=紫光拼音" target="_blank">紫光拼音</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=瑞星杀毒" target="_blank">瑞星杀毒</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=瑞星防火墙" target="_blank">瑞星防火墙</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=瑞星卡卡" target="_blank">瑞星卡卡</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=WinZip" target="_blank">WinZip</a></td>

</tr>

<tr bgcolor="#FFFFFF">

<td><a href="http://money.duote.com/search2.php?uid=1339&so=极品五笔" target="_blank">极品五笔</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=卡巴斯基" target="_blank">卡巴斯基</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=江民防火墙" target="_blank">江民防火墙</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=win清理助手" target="_blank">win清理助手</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=7-zip" target="_blank">7-zip</a></td>

</tr>

<tr style="background-color:#EAF8E6color:#6EA358">

<td><a href="http://money.duote.com/search2.php?uid=1339&so=网络共享" target="_blank">网络共享</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=下载工具" target="_blank">下载工具</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=图像处理" target="_blank">图像处理</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=邮件工具" target="_blank">邮件工具</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=光盘处理" target="_blank">光盘处理</a></td>

</tr>

<tr bgcolor="#FFFFFF">

<td><a href="http://money.duote.com/search2.php?uid=1339&so=BitComet" target="_blank">BitComet</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=网际快车" target="_blank">网际快车</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=ACDSee" target="_blank">ACDSee</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=FoxMail" target="_blank">FoxMail</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=Nero" target="_blank">Nero</a></td>

</tr>

<tr bgcolor="#F7F7F7">

<td><a href="http://money.duote.com/search2.php?uid=1339&so=KuGoo" target="_blank">KuGoo</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=迅雷" target="_blank">迅雷下载</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=Photoshop" target="_blank">Photoshop</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=DreamMail" target="_blank">DreamMail</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=UltraISO" target="_blank">UltraISO</a></td>

</tr>

<tr bgcolor="#FFFFFF">

<td><a href="http://money.duote.com/search2.php?uid=1339&so=电驴emule" target="_blank">电驴emule</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=IDM" target="_blank">IDM</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=XNview" target="_blank">XNview</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=KooMail" target="_blank">KooMail</a></td>

<td><a href="http://money.duote.com/search2.php?uid=1339&so=WinISO" target="_blank">WinISO</a></td>

</tr>

</table>

---