把他们分别装在两个div里面
然后控制他们的可见性

解决方案 »

  1.   

    <div id = 'div1' style = 'display:none'> 
     恭喜.登陆成功!
    </div>
    <div id = 'div2' style = 'display:block'>
    姓名:<input type = 'text'  id = 'username' name = 'username' value = '' />
    密码:<input type = 'password' id ='userpassword' name = 'userpassword' value/>
    </div>
    <script>
    ...... ajax  execute ...function ajaxCallback(data)
    {
       if(data=='sucess')
        {
           document.getElementById('div1').style.display='';
           document.getElementById('div2').style.display='none';    
        }
    }  
    </script>
    就这么简单