简单明了的iFrame页面显示隐藏简单明了的例子(3),拿来改改直接用吧

<% @ page contentType = " text/html; charset=GBK "   %>
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
< html >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312" >
< title > 无标题文档 </ title >
</ head >
< link  rel ="stylesheet"  href ="../../style/style.css" > s
< script >
function  querystu (ppp)
{
 target 
=  document.getElementById(ppp);
  target.style.display
= " block " ;
}
 
</ script >
< body  bgcolor ="#FFCCCC"  text ="#3300CC" leftmargin ="0"  topmargin ="0" >
< table  width ="70%"  border ="1"  align ="center" >
< form  action =""  name =""  method ="post" >
  
< tr >  
    
< td  width ="18%"  height ="25%" >< div  align ="center" > 按学生id </ div ></ td >
    
< td  width ="32%"  height ="25%" >< input  type ="text"  name ="textfield"  style ="width:98%" ></ td >
    
< td  width ="15%"  height ="25%" >< div  align ="center" > 按姓名 </ div ></ td >
    
< td  width ="35%"  height ="25%" >< input  type ="text"  name ="textfield2"  style ="width:98%" ></ td >
  
</ tr >
  
< tr >  
    
< td  height ="25%" >< div  align ="center" > 按年龄 </ div ></ td >
    
< td >< select  name ="age"  style ="width:98%" >
     
< option > 8-10 </ option >
  
< option > 11-18 </ option >
  
< option > 19-25 </ option >
  
< option > 26-30 </ option >
  
< option > 30以上 </ option >
 
</ select ></ td >
    
< td  height ="25%" >< div  align ="center" > 按性别 </ div ></ td >
    
< td >
 
< select  name ="sex"  style ="width:98%" >
    
< option > </ option >
    
< option > </ option >
 
</ select >
 
</ td >
  
</ tr >
  
< tr >  
    
< td  height ="25%" >< div  align ="center" > 按登记时间 </ div ></ td >
    
< td  colspan ="3" >< input  type ="text"  name ="textfield5"  style ="width:99%"  readonly ="" ></ td >
  
</ tr >
  
< tr >
    
< td  colspan ="4" >   < div  align ="center" >
        
< input  type ="button"  name ="button"  value ="查询"  onclick ="javascript:querystu('show')" >
  
&nbsp;&nbsp;&nbsp;&nbsp;
        
< input  type ="reset"  name ="reset"  value ="取消" >
      
</ div ></ td >
  
</ tr >
< form >
</ table >
< p >
< table  id ="show"  style ="display:none" >
< iframe  width =800  height =600   frameborder ="0"  src ="lookStudentList.jsp" >

</ iframe >
</ table >
< div  align ="center" ></ div >
</ body >
</ html >  
 

你可能感兴趣的:(iframe,table,input,div,button,stylesheet)